/* #articleAbout */
#articleAbout{--esofa-main:#615757;--esofa-deep:#302a2a;--esofa-milk:#f5f2ef;--esofa-gold:#c5ab90;width:100%;overflow:hidden;background:#fff;color:var(--esofa-deep);}
#articleAbout *{box-sizing:border-box;}
#articleAbout img{display:block;width:100%;height:auto;}
#articleAbout p{margin:0 0 22px;font-size:16px;line-height:2.1;letter-spacing:.04em;color:#686160;text-align: justify;}
#articleAbout p:last-child{margin-bottom:0;}
#articleAbout .about_section_label{display:flex;align-items:center;gap:15px;color:var(--esofa-main);font-size:15px;letter-spacing:.15em;}
#articleAbout .about_section_label span{display:block;width:36px;height:1px;background:var(--esofa-gold);}
#articleAbout .about_intro{display:grid;grid-template-columns:54% 46%;align-items:center;margin-bottom: 80px;}
#articleAbout .about_intro_visual{position:relative;padding: 0 7% 0 0;}
#articleAbout .about_intro_photo{width:100%;overflow:hidden;}
#articleAbout .about_intro_photo img{aspect-ratio:4/3;object-fit:cover;object-position:center;transition:transform .8s ease;}
#articleAbout .about_intro_photo:hover img{transform:scale(1.025);}
#articleAbout .about_intro_caption{position:absolute;right:0;bottom:0;width:60%;padding:25px 30px;background:var(--esofa-main);color:#fff;font-size:15px;line-height:1.8;letter-spacing:.1em;}
#articleAbout .about_intro_content{padding:3% 0 3% 12%;}
#articleAbout .about_main_title{margin:35px 0 0;color:var(--esofa-deep);font-size: clamp(26px,2.3vw,40px);font-weight:400;line-height:1.4;letter-spacing:.08em;}
#articleAbout .about_main_title span{color:var(--esofa-main);font-size:inherit;font-weight:inherit;}
#articleAbout .about_intro_line{width:65px;height:1px;margin:40px 0;background:var(--esofa-gold);}
#articleAbout .about_philosophy{display:flex;align-items:center;justify-content:center;gap:5%;padding:110px 7%;background:var(--esofa-milk);}
#articleAbout .about_philosophy_line{flex:1;height:1px;background:var(--esofa-gold);opacity:.65;}
#articleAbout .about_philosophy_text{flex:0 1 auto;color:var(--esofa-deep);font-size: clamp(20px,2vw,25px);font-weight:400;line-height:1.8;letter-spacing:.08em;text-align:center;}
#articleAbout .about_philosophy_text span{color:var(--esofa-main);font-weight:500;font-size:inherit;}
#articleAbout .about_custom{display:grid;grid-template-columns:46% 54%;align-items:center;padding:130px 0 130px 8%;}
#articleAbout .about_custom_content{padding:0 14% 0 0;}
#articleAbout .about_section_title{margin:35px 0;color:var(--esofa-deep);font-size: clamp(26px,2.3vw,40px);font-weight:400;line-height:1.45;letter-spacing:.08em;}
#articleAbout .about_custom_text{margin-top:30px;}
#articleAbout .about_custom_tags{display:flex;flex-wrap:wrap;gap:12px;margin-top:45px;}
#articleAbout .about_custom_tags span{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border:1px solid #d8d0cb;color:var(--esofa-main);font-size:14px;line-height:1.5;letter-spacing:.08em;}
#articleAbout .about_custom_visual{position:relative;padding:0 0 45px 7%;}
#articleAbout .about_custom_photo{width:100%;overflow:hidden;}
#articleAbout .about_custom_photo img{aspect-ratio:4/3;object-fit:cover;object-position:center;transition:transform .8s ease;}
#articleAbout .about_custom_photo:hover img{transform:scale(1.025);}
#articleAbout .about_custom_caption{position:absolute;left:0;bottom:0;width:58%;padding:25px 30px;background:var(--esofa-milk);color:var(--esofa-main);font-size:15px;line-height:1.8;letter-spacing:.08em;}
#articleAbout .about_factory{display:grid;grid-template-columns:48% 52%;align-items:stretch;background:var(--esofa-milk);}
#articleAbout .about_factory_visual{position:relative;overflow:hidden;}
#articleAbout .about_factory_visual img{width:100%;height:100%;aspect-ratio:4/5;object-fit:cover;object-position:center;}
#articleAbout .about_factory_content{display:flex;flex-direction:column;justify-content:center;padding:100px 12%;}
#articleAbout .about_factory_title{margin:35px 0;color:var(--esofa-deep);font-size: clamp(26px,2.3vw,40px);font-weight:400;line-height:1.45;letter-spacing:.08em;}
#articleAbout .about_factory_text{margin-top:10px;}
#articleAbout .about_factory_address{display:flex;flex-direction:column;gap:12px;margin-top:35px;padding-top:25px;border-top:1px solid #d8cec8;}
#articleAbout .about_address_label{color:var(--esofa-main);font-size:15px;letter-spacing:.12em;}
#articleAbout .about_address_text{color:var(--esofa-deep);font-size:17px;line-height:1.8;letter-spacing:.04em;}
#articleAbout .about_factory_link{display:inline-flex;align-items:center;justify-content:space-between;align-self:flex-start;gap:50px;margin-top:35px;padding:0 0 12px;border-bottom:1px solid var(--esofa-main);color:var(--esofa-main);font-size:16px;letter-spacing:.08em;text-decoration:none;transition:gap .3s ease;}
#articleAbout .about_factory_link:hover{gap:65px;}
#articleAbout .about_link_arrow{font-family:"Google Sans",sans-serif;font-size:24px;line-height:1;}
#articleAbout .about_closing{padding:100px 8%;text-align:center;background:#fff;}
#articleAbout .about_closing_text{color:var(--esofa-deep);font-size: clamp(23px,2.3vw,35px);font-weight:400;line-height:1.6;letter-spacing:.1em;text-align:center;}
#articleAbout .about_closing_sub{margin-top:22px;color:var(--esofa-main);font-size:16px;line-height:1.9;letter-spacing:.06em;text-align:center;}
#articleAbout a:focus-visible{outline:2px solid var(--esofa-main);outline-offset:5px;}
@media screen and (max-width:1440px){
#articleAbout .about_intro{padding-top:85px;padding-bottom:85px;}
#articleAbout .about_intro_content{padding-left:9%;}
#articleAbout .about_custom{padding-top:100px;padding-bottom:100px;}
#articleAbout .about_custom_content{padding-right:10%;}
#articleAbout .about_factory_content{padding:80px 10%;}
}
@media screen and (max-width:1200px){
#articleAbout .about_intro{grid-template-columns:50% 50%;padding-top:75px;padding-bottom:75px;}
#articleAbout .about_intro_content{padding-left:7%;}
#articleAbout .about_main_title{font-size:42px;}
#articleAbout .about_philosophy{padding:85px 5%;}
#articleAbout .about_custom{grid-template-columns:48% 52%;padding-left:6%;}
#articleAbout .about_custom_content{padding-right:7%;}
#articleAbout .about_section_title{font-size:38px;}
#articleAbout .about_factory{grid-template-columns:45% 55%;}
#articleAbout .about_factory_content{padding:65px 8%;}
#articleAbout .about_factory_title{font-size:40px;}
}
@media screen and (max-width:980px){
#articleAbout .about_intro{grid-template-columns:1fr;padding:70px 6%;}
#articleAbout .about_intro_visual{width:88%;padding-right:6%;}
#articleAbout .about_intro_content{padding:50px 0 0 12%;}
#articleAbout .about_main_title{font-size:48px;}
#articleAbout .about_intro_caption{width:65%;}
#articleAbout .about_philosophy{padding:80px 6%;}
#articleAbout .about_philosophy_text{font-size:32px;}
#articleAbout .about_custom{grid-template-columns:1fr;padding:80px 6%;}
#articleAbout .about_custom_content{padding:0 12% 55px 0;}
#articleAbout .about_custom_visual{width:88%;margin-left:auto;}
#articleAbout .about_section_title{font-size:44px;}
#articleAbout .about_factory{grid-template-columns:1fr;}
#articleAbout .about_factory_visual img{aspect-ratio:4/3;height:auto;}
#articleAbout .about_factory_content{padding:70px 8%;}
#articleAbout .about_factory_title{font-size:44px;}
#articleAbout .about_closing{padding:80px 6%;}
}
@media screen and (max-width:640px){
#articleAbout p{font-size:15px;line-height:2;}
#articleAbout .about_section_label{font-size:14px;gap:12px;}
#articleAbout .about_section_label span{width:25px;}
#articleAbout .about_intro{padding:45px 0 55px;}
#articleAbout .about_intro_visual{width:94%;padding:0 5% 35px 0;}
#articleAbout .about_intro_photo img{aspect-ratio:4/3;}
#articleAbout .about_intro_caption{width:75%;padding:16px 20px;font-size:13px;}
#articleAbout .about_intro_content{padding:45px 7% 0;}
#articleAbout .about_main_title{margin-top:25px;font-size:38px;}
#articleAbout .about_intro_line{margin:30px 0;}
#articleAbout .about_philosophy{padding:65px 7%;gap:0;}
#articleAbout .about_philosophy_line{display:none;}
#articleAbout .about_philosophy_text{font-size:27px;line-height:1.8;}
#articleAbout .about_custom{padding:65px 0;}
#articleAbout .about_custom_content{padding:0 7% 45px;}
#articleAbout .about_section_title{font-size:35px;margin:25px 0;}
#articleAbout .about_custom_text{margin-top:20px;}
#articleAbout .about_custom_tags{gap:9px;margin-top:30px;}
#articleAbout .about_custom_tags span{padding:9px 14px;font-size:13px;}
#articleAbout .about_custom_visual{width:94%;padding:0 0 35px 5%;}
#articleAbout .about_custom_caption{width:75%;padding:16px 20px;font-size:13px;}
#articleAbout .about_factory_visual img{aspect-ratio:4/3;}
#articleAbout .about_factory_content{padding:60px 7%;}
#articleAbout .about_factory_title{font-size:35px;margin:25px 0;}
#articleAbout .about_address_text{font-size:15px;}
#articleAbout .about_factory_link{font-size:15px;}
#articleAbout .about_closing{padding:65px 7%;}
#articleAbout .about_closing_text{font-size:28px;}
#articleAbout .about_closing_sub{font-size:15px;}
}
@media screen and (max-width:480px){
#articleAbout .about_main_title{font-size:34px;}
#articleAbout .about_philosophy_text{font-size:24px;}
#articleAbout .about_section_title{font-size:31px;}
#articleAbout .about_factory_title{font-size:31px;}
#articleAbout .about_closing_text{font-size:25px;}
#articleAbout .about_intro_caption,#articleAbout .about_custom_caption{width:82%;}
}
@media (prefers-reduced-motion:reduce){
#articleAbout .about_intro_photo img,#articleAbout .about_custom_photo img,#articleAbout .about_factory_link{transition:none;}
}