.heroAbout{border-bottom:1px solid #358fbe;background:url("../img/page/hero-about_sp.webp") no-repeat center center/cover;position:relative;height:calc(100svh - 66px);min-height:560px}@media print,screen and (min-width: 768px){.heroAbout{background:url("../img/page/hero-about_tab.webp") no-repeat center center/cover}}@media print,screen and (min-width: 1024px){.heroAbout{background:url("../img/page/hero-about.webp") no-repeat right center/cover;height:calc(100svh - 66px)}}@media print,screen and (min-width: 1280px){.heroAbout{height:100svh;min-height:inherit}}.heroAbout h1{position:absolute;top:50%;left:50%;transform:translateY(-50%);margin-left:-46%;width:100%}@media print,screen and (min-width: 768px){.heroAbout h1{transform:translateY(-116%);margin-left:-46%;width:64%}}@media print,screen and (min-width: 1024px){.heroAbout h1{transform:translateY(-100%);margin-left:-42%;width:100%}}@media print,screen and (min-width: 1280px){.heroAbout h1{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);margin-left:inherit}}.heroAbout h1 picture{display:block;margin-bottom:20px}@media print,screen and (min-width: 768px){.heroAbout h1 picture{margin-bottom:36px}}@media print,screen and (min-width: 1280px){.heroAbout h1 picture{margin-bottom:24px}}.heroAbout h1 img{margin:0}@media print,screen and (min-width: 1280px){.heroAbout h1 img{margin:0 auto}}.heroAbout h1 span{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.heroAbout .nameImg{position:absolute;bottom:20px;left:50%;margin-left:-110px;width:56px}@media print,screen and (min-width: 1280px){.heroAbout .nameImg{bottom:42px;left:inherit;right:500px;width:70px}}.aboutBox{background-color:#faf8f9;border-bottom:1px solid #358fbe;display:flex;flex-direction:column}@media print,screen and (min-width: 1280px){.aboutBox{flex-direction:row}}.aboutBox>div:nth-of-type(1){display:flex;flex-direction:column;width:100%}@media print,screen and (min-width: 768px){.aboutBox>div:nth-of-type(1){flex-direction:row;width:100%}}@media print,screen and (min-width: 1280px){.aboutBox>div:nth-of-type(1){width:calc(50% + 100px)}}.aboutBox>div:nth-of-type(1) .companyBox{padding:60px 16px}@media print,screen and (min-width: 768px){.aboutBox>div:nth-of-type(1) .companyBox{display:flex;align-items:center;justify-content:center;padding:60px 24px;width:60%}}@media print,screen and (min-width: 1280px){.aboutBox>div:nth-of-type(1) .companyBox{padding:40px 32px;width:calc(100% - 200px)}}.aboutBox>div:nth-of-type(1) .companyBox>div{background-color:#fff;padding:36px 24px}@media print,screen and (min-width: 768px){.aboutBox>div:nth-of-type(1) .companyBox>div{width:100%;max-width:526px}}@media print,screen and (min-width: 1280px){.aboutBox>div:nth-of-type(1) .companyBox>div{width:100%}}.aboutBox>div:nth-of-type(1) .companyBox .logo{margin-bottom:40px}.aboutBox>div:nth-of-type(1) .companyBox .companyInfo>li{color:#358fbe;display:flex;gap:16px;font-size:1.6rem;line-height:3rem;padding:8px 0;width:100%}@media print,screen and (min-width: 768px){.aboutBox>div:nth-of-type(1) .companyBox .companyInfo>li{gap:0}}.aboutBox>div:nth-of-type(1) .companyBox .companyInfo>li:not(:last-of-type){border-bottom:1px solid #e0e0e0}.aboutBox>div:nth-of-type(1) .companyBox .companyInfo>li .partTitle{font-family:"noto-sans",sans-serif;font-weight:bold;font-style:normal;padding-top:2px;width:100px}@media print,screen and (min-width: 768px){.aboutBox>div:nth-of-type(1) .companyBox .companyInfo>li .partTitle{width:120px}}@media print,screen and (min-width: 1280px){.aboutBox>div:nth-of-type(1) .companyBox .companyInfo>li .partTitle{width:160px}}.aboutBox>div:nth-of-type(1) .companyBox .companyInfo>li .partTxt{width:calc(100% - 100px)}@media print,screen and (min-width: 768px){.aboutBox>div:nth-of-type(1) .companyBox .companyInfo>li .partTxt{width:calc(100% - 120px)}}@media print,screen and (min-width: 1280px){.aboutBox>div:nth-of-type(1) .companyBox .companyInfo>li .partTxt{width:calc(100% - 160px)}}.aboutBox>div:nth-of-type(1) .companyBox .companyInfo>li .otherCompany a{line-height:3.2rem}.aboutBox>div:nth-of-type(1) .companyBox .companyInfo>li .otherCompany .ul-disc{padding-left:24px}.aboutBox>div:nth-of-type(1) .companyBox .companyInfo>li .otherCompany .ul-disc li{font-weight:normal;line-height:2.8rem;margin-bottom:0}.aboutBox>div:nth-of-type(1) .productPhotoBox{border-left:1px solid #358fbe;border-right:1px solid #358fbe;display:flex;flex:1}@media print,screen and (min-width: 1280px){.aboutBox>div:nth-of-type(1) .productPhotoBox{width:200px;flex:none}}.aboutBox>div:nth-of-type(1) .productPhotoBox.lineArea::before{z-index:1}.aboutBox>div:nth-of-type(1) .productPhotoBox>div{display:flex;width:100%;height:50vw}@media print,screen and (min-width: 768px){.aboutBox>div:nth-of-type(1) .productPhotoBox>div{display:block;position:absolute;height:100%;object-fit:cover}}.aboutBox>div:nth-of-type(1) .productPhotoBox>div>div{width:50%}@media print,screen and (min-width: 768px){.aboutBox>div:nth-of-type(1) .productPhotoBox>div>div{width:100%;height:50%}}.aboutBox>div:nth-of-type(1) .productPhotoBox>div>div img{height:100%;mix-blend-mode:multiply}.aboutBox>div:nth-of-type(1) .productPhotoBox>div>div:nth-of-type(1){border-right:1px solid #358fbe;display:flex;align-items:center;padding:16px;position:relative;display:flex;justify-content:center;overflow:hidden}@media print,screen and (min-width: 768px){.aboutBox>div:nth-of-type(1) .productPhotoBox>div>div:nth-of-type(1){border-right:none;border-bottom:1px solid #358fbe}}@media print,screen and (min-width: 1280px){.aboutBox>div:nth-of-type(1) .productPhotoBox>div>div:nth-of-type(1){overflow:hidden}}.aboutBox>div:nth-of-type(1) .productPhotoBox>div>div:nth-of-type(1) img{height:80%;max-width:inherit}.aboutBox>div:nth-of-type(1) .productPhotoBox>div>div:nth-of-type(2){padding:16px 0}@media print,screen and (min-width: 768px){.aboutBox>div:nth-of-type(1) .productPhotoBox>div>div:nth-of-type(2) img{width:90%}}.aboutBox>div:nth-of-type(2){width:100%;height:100vw}@media print,screen and (min-width: 768px){.aboutBox>div:nth-of-type(2){height:50vw}}@media print,screen and (min-width: 1280px){.aboutBox>div:nth-of-type(2){width:calc(50% - 100px);height:auto}}.aboutBox>div:nth-of-type(2) iframe{object-fit:cover;height:100%;width:100%}/*# sourceMappingURL=about.css.map */