.company-officers-page .container{max-width:1080px;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}@media (min-width:1280px){.company-officers-page .container{padding-left:0;padding-right:0}}.company-officers-page .two-column-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:1024px){.company-officers-page .two-column-grid{grid-template-columns:repeat(2,1fr)}}.company-officers-page .three-column-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:1024px){.company-officers-page .three-column-grid{grid-template-columns:repeat(3,1fr)}}.company-officers-page .main-content{flex:1;padding-bottom:80px}@media (min-width:640px){.company-officers-page .main-content{padding-bottom:0}}.company-officers-page .content-wrapper{margin-top:10px}@media (min-width:640px){.company-officers-page .content-wrapper{margin-top:13px}}.company-officers-page .section{background:#fff;border-radius:8px;margin-bottom:32px;padding:24px}@media (min-width:640px){.company-officers-page .section{padding:32px}}.company-officers-page .section-title{color:var(--color-primary);margin:0 0 16px;font-size:20px;font-weight:700}@media (min-width:640px){.company-officers-page .section-title{font-size:24px}}.company-officers-page .section-subtitle{color:var(--color-primary);margin:0 0 12px;font-size:18px;font-weight:700}.company-officers-page .section p{color:var(--color-text);margin:0 0 16px;line-height:1.625}.company-officers-page .section p:last-child{margin-bottom:0}.company-officers-page .section ul{color:var(--color-text);margin:0;padding-left:1.5em}.company-officers-page .section ul li{margin-bottom:8px}.company-officers-page .section ul li:last-child{margin-bottom:0}.company-officers-page .update-date{font-size:14px}.company-officers-page .board-member{flex-wrap:wrap;gap:24px;margin-top:30px;display:flex}.company-officers-page .board-member-list{cursor:pointer;width:calc(33.3333% - 16px);margin-bottom:23px}.company-officers-page .board-member-info-block{justify-content:space-between;align-items:flex-end;padding-top:16px;padding-left:16px;display:flex}.company-officers-page .board-member-name{font-size:20px;font-weight:500}.company-officers-page .board-member-years-of-employment{font-size:14px}.company-officers-page .board-member-detail{justify-content:center;align-items:center;gap:7px;margin-right:16px;font-size:14px;display:flex}.company-officers-page .plus-box{background:#fd5e00;width:24px;height:24px;display:inline-block;position:relative}.company-officers-page .plus-box:before,.company-officers-page .plus-box:after{content:"";background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.company-officers-page .plus-box:before{width:12px;height:1px}.company-officers-page .plus-box:after{width:1px;height:12px}.company-officers-page .cross-box{cursor:pointer;background:#fd5e00;border:none;width:40px;height:40px;padding:0;position:relative}.company-officers-page .cross-box:before,.company-officers-page .cross-box:after{content:"";transform-origin:50%;background:#fff;width:24px;height:1px;position:absolute;top:50%;left:50%}.company-officers-page .cross-box:before{transform:translate(-50%,-50%)rotate(45deg)}.company-officers-page .cross-box:after{transform:translate(-50%,-50%)rotate(-45deg)}.company-officers-page .post-area{border-top:1px solid #fff;margin-top:14px;padding-top:14px;padding-left:16px}.company-officers-page .post-name{padding-bottom:10px;font-size:14px;line-height:24px}.company-officers-page .open-btn{color:#5b370d;cursor:pointer;background-color:#f7d96b;border:none;border-radius:10px;margin:16px;padding:.8rem 1.5rem;font-size:1.2rem;font-weight:700;transition:background-color .3s;box-shadow:0 4px 10px #0000001a}.company-officers-page .open-btn:hover{background-color:#dfbb36}.company-officers-page .close-btn{cursor:pointer}.company-officers-page .close-btn01{background:0 0;border:none;width:20px;height:20px;font-size:1.6rem;transition:transform .3s;position:absolute;top:11px;right:17px}.company-officers-page .close-btn01:before,.company-officers-page .close-btn01:after{content:"";background:#044362;border-radius:2px;width:100%;height:1px;display:inline-block;position:absolute;top:10px;right:0}.company-officers-page .close-btn01:before{transform:rotate(45deg)}.company-officers-page .close-btn01:after{transform:rotate(-45deg)}.company-officers-page .close-btn02{align-items:center;gap:20px;margin:30px auto 10px;display:flex;position:relative}.company-officers-page .modal{z-index:100;opacity:0;pointer-events:none;background:#459dbfcc;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:none;position:fixed;top:0;left:0}.company-officers-page .modal.active{opacity:1;pointer-events:auto;display:flex}.company-officers-page .modal-content{opacity:0;background:#fff;width:80vw;max-width:1080px;padding:20px 20px 20px 0;transition:all .3s;position:relative;transform:scale(.8);box-shadow:0 8px 20px #0003}.company-officers-page .modal.active .modal-content{animation:.4s forwards fadeInScale}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.company-officers-page .board-member-modal-detail{-webkit-overflow-scrolling:touch;gap:48px;height:calc(80vh - 120px);margin-top:20px;padding:20px 10px 70px 20px;display:flex;overflow-y:auto}.company-officers-page .board-member-modal-detail-img{flex:0 0 344px;max-width:344px}.company-officers-page .board-member-modal-detail-img img{width:100%;height:auto;display:block}.company-officers-page .board-member-modal-detail-txt{flex:auto;width:auto;min-width:0}.company-officers-page .board-member-modal-name{font-size:24px;font-weight:500}.company-officers-page .post-name-modal{padding-top:20px;line-height:1.8}.company-officers-page .biography-area{border-top:1px solid #459dbf;margin-top:24px;padding-top:24px}.company-officers-page .biography-item{padding-bottom:10px;line-height:1.8;display:flex}.company-officers-page .biography-item dt{width:120px}.company-officers-page .biography-item dd{width:calc(100% - 120px)}@media (max-width:1024px){.company-officers-page .board-member-modal-detail{flex-direction:column;gap:20px}.company-officers-page .board-member-modal-detail-img{flex:none;width:fit-content;margin:0 auto}.company-officers-page .biography-item dt{width:100px}.company-officers-page .biography-item dd{width:calc(100% - 100px)}}@media (max-width:639px){.company-officers-page .modal-content{width:96vw;padding:22px 7px 22px 22px}.company-officers-page .board-member-modal-detail{height:calc(95vh - 120px);margin-top:0;padding:0 15px 0 0}.company-officers-page .post-name-modal{padding-top:10px;font-size:14px}.company-officers-page .board-member-modal-name{width:50%;font-size:18px}.company-officers-page .biography-item dt,.company-officers-page .biography-item dd{font-size:14px}.company-officers-page .biography-item dt{width:90px}.company-officers-page .biography-item dd{width:calc(100% - 90px)}.company-officers-page .biography-item{padding-bottom:5px}.company-officers-page .close-btn01{display:none}.company-officers-page .close-btn02{gap:15px;margin:10px auto 0;font-size:14px}.company-officers-page .cross-box{width:32px;height:32px}.company-officers-page .cross-box:before,.company-officers-page .cross-box:after{width:16px}.company-officers-page .board-member-list{width:100%;margin-bottom:-6.5px}.company-officers-page .board-member-info-area{gap:0;display:flex}.company-officers-page .board-member-list-img{width:173px}.company-officers-page .board-member-info-block{align-items:self-end;width:calc(100% - 173px);padding-top:13px;padding-left:20px;display:block;position:relative}.company-officers-page .board-member-name{font-size:18px}.company-officers-page .board-member-years-of-employment{margin-top:5px;font-size:12px}.company-officers-page .board-member-detail{justify-content:right;align-items:end;margin-right:0;font-size:12px;position:absolute;bottom:0;right:0}.company-officers-page .plus-box{width:20px;height:20px}.company-officers-page .plus-box:before{width:10px}.company-officers-page .plus-box:after{height:10px}.company-officers-page .post-name{font-size:12px;line-height:22px}.company-officers-page .board-member-modal-area{display:flex}.company-officers-page .post-name-modal{width:50%;padding-top:0}}.company-officers-page .officer-list{color:#333;max-width:1200px;margin:0 auto}.company-officers-page .officer-list-notes{margin-top:31px;margin-bottom:15px;font-size:14px}.company-officers-page .officer-block{margin:0}.company-officers-page .officer-title{color:#fff;box-sizing:border-box;background:#004c6d;margin:0;padding:0 20px;font-size:16px;font-weight:500;line-height:1.8}.company-officers-page .officer-content{box-sizing:border-box;background-color:#fff}.company-officers-page .officer-content p{border-top:3px solid #e6eef5;margin:0;padding:10.7px 20px;font-size:16px;line-height:26px}.company-officers-page .border-none p{border-top:none}@media screen and (min-width:640px){.company-officers-page .officer-list{margin:0 auto 120px}.company-officers-page .officer-block{grid-template-columns:216px 1fr;align-items:stretch;display:grid}.company-officers-page .officer-title{border-top:2px solid #fff;justify-content:flex-start;align-items:center;width:216px;min-height:100%;display:flex}.company-officers-page .officer-block:first-child .officer-title{border-top:none}:is(html[lang=en],body.font-en) .company-officers-page .officer-title-en-pc-leading{flex-direction:column;justify-content:center;align-self:stretch;align-items:flex-start;height:100%;display:flex}:is(html[lang=en],body.font-en) .company-officers-page .officer-title-en-pc-leading>span{line-height:20px;display:block}:is(html[lang=en],body.font-en) .company-officers-page .officer-content.border-none{align-items:center;display:flex}}@media screen and (max-width:639px){.company-officers-page .officer-title{text-align:center;padding:10px 20px;font-size:14px}.company-officers-page .officer-content p{padding:9.1px 20px;font-size:14px;line-height:1.8}.company-officers-page .officer-content p:first-child{border-top:none}}.company-officers-page .section01{margin-top:86px}.company-officers-page .section02{margin-top:105px}.company-officers-page .section03{margin-top:120px}.company-officers-page .btn_flex{justify-content:center;gap:40px;margin-top:49px;display:flex}@media screen and (max-width:639px){.company-officers-page .board-member{gap:50px}.company-officers-page .btn_flex{flex-direction:column;align-items:center;gap:15px;margin-top:42px}.company-officers-page .section01{margin-top:-10px}.company-officers-page .section02{margin-top:70px}.company-officers-page .section03{margin-top:80px}.company-officers-page .post-area{margin-top:14px;padding-top:12px;padding-left:0}.company-officers-page .officer-list-notes{margin-bottom:8px;font-size:12px}.company-officers-page{margin-bottom:80px}}:is(html[lang=en],body.font-en) .company-officers-page .biography-item{gap:6px}@media screen and (min-width:640px){:is(html[lang=en],body.font-en) .company-officers-page .board-member-info-block{grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:.5rem;display:grid}:is(html[lang=en],body.font-en) .company-officers-page .board-member-info{min-width:0;display:contents}:is(html[lang=en],body.font-en) .company-officers-page .board-member-name{grid-area:1/1}:is(html[lang=en],body.font-en) .company-officers-page .board-member-years-of-employment{grid-area:2/1;align-self:start;min-width:0}:is(html[lang=en],body.font-en) .company-officers-page .board-member-detail{box-sizing:border-box;text-align:left;white-space:normal;overflow-wrap:normal;word-break:normal;grid-area:2/2;grid-template-columns:minmax(0,4.4em) 24px;place-self:start end;place-items:start end;column-gap:10px;width:fit-content;max-width:100%;margin-right:0;line-height:1.2;display:grid;transform:translate(13px)}:is(html[lang=en],body.font-en) .company-officers-page .board-member-detail .plus-box{flex-shrink:0;grid-area:1/2;place-self:start end;width:24px;height:24px;transform:translate(-13px)}}