.device-mv{background-color:#fff;overflow:hidden;padding:56px 20px;position:relative}.device-mv-inner{align-items:center;column-gap:40px;display:grid;grid-template-areas:"label image" "title image" "tags image" "copy image" "text image";grid-template-columns:1fr 420px;margin:0 auto;max-width:1240px;position:relative}.device-mv-label{color:#333;font-size:clamp(13px,4.19vw,18px);font-weight:700;grid-area:label;line-height:1.6;margin:0 0 16px}.device-mv-title{color:#222;font-size:clamp(20px,9.3vw,40px);font-weight:700;grid-area:title;letter-spacing:.06em;line-height:1.4;margin:0 0 20px}.device-mv-title .u-underline{display:inline-block;position:relative}.device-mv-title .u-underline:after{background:#cdeaff;bottom:2px;content:"";height:10px;left:0;position:absolute;right:0;z-index:-1}.device-mv-tags{align-items:center;display:flex;flex-wrap:wrap;gap:12px 10px;grid-area:tags;list-style:none;margin:0 0 16px;padding:0}.device-mv-tags li{background:#333;box-shadow:0 4px 10px rgba(0,0,0,.12);color:#fff;font-size:clamp(10px,3.49vw,15px);font-weight:700;letter-spacing:.05em;padding:5px 16px;transform:skewX(-12deg)}.device-mv-tags li span{display:inline-block;transform:skewX(12deg)}.device-mv-tags li.-plain{background:none;box-shadow:none;color:#333;padding:5px 0;transform:none}.device-mv-copy{color:#222;font-size:clamp(10px,4.65vw,20px);font-weight:700;grid-area:copy;margin:0 0 20px}.device-mv-text{color:#555;font-size:clamp(13px,4.19vw,18px);grid-area:text;line-height:1.8;margin:0}@media (min-width:769px){.device-mv-label{font-size:clamp(14px,2.18vw,24px)}.device-mv-title{font-size:clamp(29px,5.36vw,59px)}.device-mv-tags li{font-size:18px}.device-mv-copy{font-size:clamp(18px,2.55vw,28px)}.device-mv-text{font-size:clamp(10px,1.82vw,20px)}}.device-mv-image{grid-area:image;margin-right:-40px;max-width:420px;position:relative;text-align:center;width:100%}.device-mv-image:before{aspect-ratio:1/1;background:radial-gradient(circle,#cdeaff 0,#e9f4fe 70%);border-radius:50%;content:"";left:46%;position:absolute;top:50%;transform:translate(-50%,-50%);width:96%;z-index:0}.device-mv-image:after{background:#111;border-radius:32px;content:"";height:92%;left:2%;opacity:.06;position:absolute;top:8%;transform:rotate(-8deg);width:92%;z-index:0}.device-mv-image img{filter:drop-shadow(0 24px 24px rgba(0,0,0,.16));height:auto;max-width:100%;position:relative;z-index:1}.device-mv.anime .device-mv-image{opacity:0;transform:translateX(50px)}.device-mv.anime.is-show .device-mv-image{animation:deviceMvImageIn .8s ease forwards}.device-mv.anime .device-mv-copy,.device-mv.anime .device-mv-label,.device-mv.anime .device-mv-tags,.device-mv.anime .device-mv-text,.device-mv.anime .device-mv-title{opacity:0;transform:translateY(16px)}.device-mv.anime.is-show .device-mv-label{animation:deviceMvTextIn .6s ease .05s forwards}.device-mv.anime.is-show .device-mv-title{animation:deviceMvTextIn .6s ease .12s forwards}.device-mv.anime.is-show .device-mv-tags{animation:deviceMvTextIn .6s ease .2s forwards}.device-mv.anime.is-show .device-mv-copy{animation:deviceMvTextIn .6s ease .28s forwards}.device-mv.anime.is-show .device-mv-text{animation:deviceMvTextIn .6s ease .34s forwards}@keyframes deviceMvImageIn{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes deviceMvTextIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.device-mv{padding:36px 20px}.device-mv-inner{grid-template-areas:"label" "title" "tags" "image" "copy" "text";grid-template-columns:1fr;text-align:center}.device-mv-tags{justify-content:center}.device-mv-image{margin:0 auto 20px;max-width:240px;width:100%}}.device-category-section{background-color:#fff;box-sizing:border-box;margin:0 -20px;padding-bottom:48px;width:calc(100% + 40px)}.device-category-section.-iphone{background-color:#f6f6f6}.device-category-section.-smartphone{background-color:#fff}.device-category-section.-featurephone{background-color:#f6f6f6}.device-category-inner{margin:0 auto;max-width:1240px;padding:0 20px}.device-category-title{color:#222;font-size:2.4rem;font-weight:700;margin:0 0 24px;padding-top:48px;text-align:center}.device-category-empty{color:#777;font-size:14px;text-align:center}.device-card-grid{display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.device-card{background:#fff;border:1px solid #e5e5e5;border-radius:16px;padding:20px;transition:transform .25s ease,box-shadow .25s ease}.device-card:hover{box-shadow:0 10px 24px rgba(0,0,0,.12);transform:translateY(-6px)}.device-card a{color:inherit;display:block;text-decoration:none}.device-card a:hover{opacity:1}.device-card-image img{transition:transform .3s ease}.device-card:hover .device-card-image img{transform:scale(1.08)}.device-card-top{align-items:flex-start;display:flex;gap:16px;margin:0 0 20px}.device-card-image{align-items:center;aspect-ratio:200/230;background:#f2f2f2;border-radius:8px;display:flex;flex:0 0 auto;justify-content:center;overflow:hidden;width:200px}.device-card-image img{height:100%;object-fit:cover;width:100%}.device-card-image-placeholder{color:#999;font-size:12px;text-align:center}.device-card-info{flex:1;padding-top:4px}.device-card-label{color:#333;font-size:12px;font-weight:700;margin:0 0 4px}.device-card-value{color:#111;font-size:16px;font-weight:700;margin:0 0 16px}.device-card-value:last-child{margin-bottom:0}.device-card-btn{background:#111;border:1px solid #111;border-radius:999px;color:#fff!important;display:block;font-size:14px;font-weight:700;overflow:hidden;padding:14px;position:relative;text-align:center;transition:color .3s ease;z-index:0}.device-card-btn:before{background:#fff;content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:0;z-index:-1}.device-card a:hover .device-card-btn{color:#111!important}.device-card a:hover .device-card-btn:before{width:100%}@media (max-width:900px){.device-card-grid{grid-template-columns:1fr}.device-card-image{width:140px}.device-card-value{font-size:15px;margin:0 0 5px}}