/* philosophy-10 */
.db-philosophy-box .philosophy-10{--ph-flavor-mint:#8fe0cd; --ph-flavor-berry:#ffb3c6; --ph-flavor-vanilla:#ffd98a; --ph-flavor-lavender:#b9b2ea; --ph-flavor-caramel:#c9a992; --ph-flavor-soda:#a8d8f0; --ph-block-pad:88px; --ph-pad-x:36px; --ph-cols:3; --ph-row-gap:96px; --ph-list-pt:74px; --ph-card-radius:28px; --ph-scoop-w:58%; --ph-scoop-rise:-86px; --ph-halo-opacity:0.32; --ph-img-scale:1.06; --ph-body-pad:18px 26px 28px; --ph-ease:0.3s cubic-bezier(0.22,0.61,0.36,1);}
.db-philosophy-box .philosophy-10, .db-philosophy-box .philosophy-10 *, .db-philosophy-box .philosophy-10 *::before, .db-philosophy-box .philosophy-10 *::after{box-sizing:border-box;}
.db-philosophy-box .philosophy-10 .sr-only{position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;}
/* db-philosophy-box */
.db-philosophy-box .philosophy-10.ph-root{padding:var(--ph-block-pad) 0; background-color:#fff8f0;}
.db-philosophy-box .philosophy-10 .container{width:100%; max-width:1180px; margin:0 auto; padding:0 var(--ph-pad-x);}
.db-philosophy-box .philosophy-10 .ph-head{margin-bottom:56px; text-align:center;}
.db-philosophy-box .philosophy-10 .ph-head__label{display:inline-block; margin-bottom:24px; padding:8px 16px; border-radius:999px; background:var(--ph-flavor-vanilla); font-size:var(--font-11); font-weight:800; letter-spacing:0.28em; color:#241d1a;}
.db-philosophy-box .philosophy-10 .ph-head__title{margin-bottom:18px; font-size:56px; font-weight:900; letter-spacing:-0.055em; line-height:1.16; color:#241d1a;}
.db-philosophy-box .philosophy-10 .ph-head__lead{max-width:520px; margin-left:auto; margin-right:auto; font-size:var(--font-15); line-height:2; color:#6b5f58;}
.db-philosophy-box .philosophy-10 .ph-head__sentence{display:block;}
.db-philosophy-box .philosophy-10 .ph-list{display:grid; grid-template-columns:repeat(var(--ph-cols), minmax(0, 1fr)); align-items:stretch; justify-content:stretch; column-gap:22px; row-gap:var(--ph-row-gap); list-style:none; margin:0; padding:var(--ph-list-pt) 0 0;}
.db-philosophy-box .philosophy-10 .ph-item{min-width:0;}
.db-philosophy-box .philosophy-10 .ph-card{position:relative; display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start; height:100%; padding-bottom:4px; border-radius:var(--ph-card-radius); background:#ffffff; box-shadow:0 18px 38px -28px rgba(60,40,30,0.5); transition:transform var(--ph-ease);}
.db-philosophy-box .philosophy-10 .ph-card:hover{transform:translateY(-6px);}
.db-philosophy-box .philosophy-10 .ph-card__scoop{position:relative; width:var(--ph-scoop-w); margin:var(--ph-scoop-rise) auto 0; aspect-ratio:1;}
.db-philosophy-box .philosophy-10 .ph-card__scoop::before{position:absolute; top:0; right:0; bottom:0; left:0; z-index:0; content:""; background:radial-gradient(circle at 50% 42%, var(--ph-flavor-mint) 0%, transparent 56%); opacity:var(--ph-halo-opacity); pointer-events:none;}
.db-philosophy-box .philosophy-10 .ph-card__img{position:relative; z-index:1; display:block; width:100%; height:100%; object-fit:contain; object-position:center; filter:drop-shadow(0 16px 16px rgba(90,60,40,0.22)); transition:transform 0.6s cubic-bezier(0.22,0.61,0.36,1);}
.db-philosophy-box .philosophy-10 .ph-card__num{position:absolute; top:20px; left:22px; z-index:2; padding:6px 11px; border-radius:999px; background:#ffffff; font-size:var(--font-10); font-weight:800; letter-spacing:0.2em; color:#241d1a;}
.db-philosophy-box .philosophy-10 .ph-card:hover .ph-card__img{transform:scale(var(--ph-img-scale));}
.db-philosophy-box .philosophy-10 .ph-item:nth-child(6n+1) .ph-card__scoop::before{background:radial-gradient(circle at 50% 42%, var(--ph-flavor-mint) 0%, transparent 56%);}
.db-philosophy-box .philosophy-10 .ph-item:nth-child(6n+2) .ph-card__scoop::before{background:radial-gradient(circle at 50% 42%, var(--ph-flavor-berry) 0%, transparent 56%);}
.db-philosophy-box .philosophy-10 .ph-item:nth-child(6n+3) .ph-card__scoop::before{background:radial-gradient(circle at 50% 42%, var(--ph-flavor-vanilla) 0%, transparent 56%);}
.db-philosophy-box .philosophy-10 .ph-item:nth-child(6n+4) .ph-card__scoop::before{background:radial-gradient(circle at 50% 42%, var(--ph-flavor-lavender) 0%, transparent 56%);}
.db-philosophy-box .philosophy-10 .ph-item:nth-child(6n+5) .ph-card__scoop::before{background:radial-gradient(circle at 50% 42%, var(--ph-flavor-caramel) 0%, transparent 56%);}
.db-philosophy-box .philosophy-10 .ph-item:nth-child(6n) .ph-card__scoop::before{background:radial-gradient(circle at 50% 42%, var(--ph-flavor-soda) 0%, transparent 56%);}
.db-philosophy-box .philosophy-10 .ph-card__body{display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start; min-width:0; padding:var(--ph-body-pad);}
.db-philosophy-box .philosophy-10 .ph-card__head{display:flex; flex-wrap:wrap; align-items:baseline; gap:9px; margin-bottom:10px;}
.db-philosophy-box .philosophy-10 .ph-card__name{font-size:var(--font-26); font-weight:900; letter-spacing:-0.04em; color:#241d1a;}
.db-philosophy-box .philosophy-10 .ph-card__en{font-size:9px; font-weight:800; letter-spacing:0.22em; color:#7b6d66;}
.db-philosophy-box .philosophy-10 .ph-card__desc{margin-bottom:16px; font-size:var(--font-13); line-height:1.95; color:#6b5f58;}
.db-philosophy-box .philosophy-10 .ph-works{display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-start; gap:6px; list-style:none; margin:auto 0 0; padding:0;}
.db-philosophy-box .philosophy-10 .ph-works__item{padding:6px 11px; border-radius:999px; background:#f4efe9; font-size:var(--font-11); font-weight:700; color:#241d1a;}
.db-philosophy-box .philosophy-10 .ph-foot{margin-top:44px; padding-top:28px; border-top:1px solid #eadfd3; text-align:center;}
.db-philosophy-box .philosophy-10 .ph-foot__closing{max-width:640px; margin-left:auto; margin-right:auto; font-size:var(--font-13); line-height:2; color:#6b5f58;}
.db-philosophy-box .philosophy-10 .ph-head__label{word-break:keep-all; white-space:nowrap;}
.db-philosophy-box .philosophy-10 .ph-head__title{word-break:keep-all; overflow-wrap:break-word;}
.db-philosophy-box .philosophy-10 .ph-head__sentence{word-break:keep-all; overflow-wrap:break-word;}
.db-philosophy-box .philosophy-10 .ph-card__num, .db-philosophy-box .philosophy-10 .ph-card__en{white-space:nowrap;}
.db-philosophy-box .philosophy-10 .ph-card__name{word-break:keep-all; white-space:nowrap;}
.db-philosophy-box .philosophy-10 .ph-card__desc{word-break:keep-all; overflow-wrap:break-word;}
.db-philosophy-box .philosophy-10 .ph-works__item{word-break:keep-all; white-space:nowrap;}
.db-philosophy-box .philosophy-10 .ph-foot__closing{word-break:keep-all; overflow-wrap:break-word;}
@media (max-width:1300px){
.db-philosophy-box .philosophy-10{--ph-block-pad:80px; --ph-scoop-w:66%;}
}
@media (max-width:1100px){
.db-philosophy-box .philosophy-10{--ph-cols:2; --ph-scoop-w:58%; --ph-scoop-rise:-80px; --ph-row-gap:104px;}
.db-philosophy-box .philosophy-10 .ph-head__title{font-size:var(--font-48);}
}
@media (max-width:991px){
.db-philosophy-box .philosophy-10{--ph-block-pad:70px; --ph-pad-x:28px; --ph-scoop-w:60%; --ph-scoop-rise:-72px; --ph-row-gap:92px;}
.db-philosophy-box .philosophy-10 .ph-head__title{font-size:var(--font-42);}
}
@media (max-width:767px){
.db-philosophy-box .philosophy-10{--ph-pad-x:24px; --ph-cols:1; --ph-scoop-w:46%; --ph-scoop-rise:-70px; --ph-row-gap:90px;}
.db-philosophy-box .philosophy-10 .ph-head__title{font-size:var(--font-36);}
}
@media (max-width:480px){
.db-philosophy-box .philosophy-10{--ph-pad-x:16px; --ph-block-pad:56px; --ph-scoop-w:52%; --ph-scoop-rise:-58px; --ph-card-radius:22px; --ph-body-pad:16px 20px 24px; --ph-row-gap:76px; --ph-list-pt:58px;}
.db-philosophy-box .philosophy-10 .ph-head__title{font-size:var(--font-30);}
.db-philosophy-box .philosophy-10 .ph-card__name{font-size:var(--font-24);}
}
@media (max-width:375px){
.db-philosophy-box .philosophy-10{--ph-pad-x:14px;}
}
@media (max-width:320px){
.db-philosophy-box .philosophy-10{--ph-scoop-w:56%; --ph-scoop-rise:-52px;}
.db-philosophy-box .philosophy-10 .ph-head__title{font-size:var(--font-26);}
.db-philosophy-box .philosophy-10 .ph-card__name{font-size:var(--font-22);}
}
@media (prefers-reduced-motion:reduce){
.db-philosophy-box .philosophy-10{--ph-ease:0.01ms linear; --ph-img-scale:1;}
.db-philosophy-box .philosophy-10 .ph-card:hover{transform:none;}
}