.cocon-head{text-align:center;margin:0 auto 3.6rem;max-width:76rem}
.cocon-title{font-size:3.4rem;line-height:1.2;margin:0 0 1rem}
.cocon-lead{font-size:1.8rem;opacity:.8;margin:0}
.cocon-wrap p,.cocon-wrap li,.cocon-wrap td,.cocon-wrap th{font-size:1.6rem;line-height:1.6}
.cocon-wrap p{margin:0 0 1rem}
.cocon-grid2{display:grid;grid-template-columns:1fr 1fr;gap:4.8rem;align-items:center}
.cocon-grid2--joined{gap:0;align-items:stretch}
.cocon-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:2.8rem}
.cocon-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.6rem}
.cocon-card{background:#fff;color:#1C1714;padding:1.8rem;text-align:left}
.cocon-cards--center .cocon-card{text-align:center}
.cocon-card h3{font-size:2.2rem;margin:1.4rem 0 .4rem;color:#1C1714}
.cocon-card strong{display:block;font-size:1.7rem;margin:.4rem 0}
.cocon-media{position:relative;width:100%;overflow:hidden}
.cocon-media img,.cocon-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.cocon-r45{aspect-ratio:4/5}.cocon-r11{aspect-ratio:1/1}.cocon-r916{aspect-ratio:9/16}.cocon-r43{aspect-ratio:4/3}
.cocon-ph{position:absolute;inset:0;background:#E4E1DD;border:2px dashed #9A948E;color:#5E5852;display:flex;align-items:center;justify-content:center;text-align:center;font-size:1.3rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:1.2rem;line-height:1.5}
.cocon-gauge{height:.8rem;background:#E7DCCD;border-radius:.8rem;overflow:hidden;margin:1rem 0}
.cocon-gauge span{display:block;height:100%;background:#B08968}
.cocon-btns{margin-top:3.2rem;text-align:center}
.cocon-cap{font-weight:700;margin-top:1rem}
.cocon-col{padding:2.8rem;background:#F1E9DF;color:#1C1714}
.cocon-col--dark{background:#1C1714;color:#FAF6F1}
.cocon-col h3{font-size:2.6rem;margin:1.6rem 0 .8rem;color:inherit}
.cocon-pts{list-style:none;padding:0;margin:2rem 0 0}
.cocon-pts li{padding:1.4rem 0;border-bottom:1px solid rgba(var(--color-foreground),.12)}
.cocon-pts strong{display:block;font-size:1.7rem}
.cocon-price{font-size:2.6rem!important;font-weight:700;margin:.6rem 0 .2rem!important}
.cocon-small{font-size:1.4rem!important;opacity:.75}
.cocon-italic{font-style:italic;opacity:.8;margin:1.4rem 0 2.2rem!important}
.cocon-num{font-family:var(--font-heading-family);font-size:3rem;color:#7A4E34;display:block;line-height:1.2}
.cocon-icon{font-size:3rem;display:block;line-height:1.3;color:#7A4E34;font-weight:700}
.cocon-tablewrap{overflow-x:auto}
.cocon-table{width:100%;border-collapse:collapse;background:#fff;color:#1C1714}
.cocon-table th,.cocon-table td{padding:1.4rem 1.2rem;text-align:center;border-bottom:1px solid #EEE6DB}
.cocon-table th{background:#7A4E34;color:#fff;font-weight:700}
.cocon-table td:first-child,.cocon-table th:first-child{text-align:left;font-weight:700}
.cocon-ok{color:#7A4E34;font-weight:700}
.cocon-ko{color:#9A948E}
.cocon-sizes{max-width:56rem;margin:2.8rem auto 0}
.cocon-reass{text-align:center}
.cocon-reass .cocon-icon{font-size:2.6rem}
.cocon-reass strong{display:block;font-size:1.6rem}
.cocon-reass .t{font-size:1.5rem}
.cocon-video-col{max-width:34rem;margin:0 auto;width:100%}
.cocon-it-text .button{margin-top:1rem}
@media screen and (min-width:750px){.cocon-media-right>.cocon-it-media{order:2}}
@media screen and (max-width:749px){
.cocon-title{font-size:2.7rem}
.cocon-grid2,.cocon-grid3{grid-template-columns:1fr;gap:2.4rem}
.cocon-grid2--joined{gap:0}
.cocon-grid4{grid-template-columns:1fr 1fr}
.cocon-text-first-m>.cocon-it-text{order:-1}
}