@charset "UTF-8";
/*
 * style-sm.css
 * 1024px 未満（Tailwind でいう lg 未満）用の調整。
 * 必要に応じて、スマホ〜タブレット向けの細かなレイアウト調整をここに追加してください。
 */


 .about-bg-deco img {
    opacity: .1;
  }

  .white_bg_box::before {
    content: '';
    position: absolute;
    top: -40px;
    left: -40px;
    width: calc(100% + 80px);
    height: calc(100% + 80px);
    background-color: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(0);
    -webkit-backdrop-filter: blur(0);
    z-index: 1;
    mask-image: linear-gradient(to right, transparent 0px, black 50px, black calc(100% - 50px), transparent 100%), linear-gradient(to bottom, transparent 0px, black 50px, black calc(100% - 50px), transparent 100%);
    mask-composite: intersect;
    -webkit-mask-image: linear-gradient(to right, transparent 0px, black 50px, black calc(100% - 50px), transparent 100%), linear-gradient(to bottom, transparent 0px, black 50px, black calc(100% - 50px), transparent 100%);
    -webkit-mask-composite: source-in;
}