@import "https://fonts.googleapis.com/css2?family=Bodoni+Moda&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;400;500&family=Open+Sans:wght@400;500;700&display=swap";@layer components{.jp-text{letter-spacing:.02em;font-family:Open Sans,游ゴシック,YuGothic,YuGothicStd-R,Hiragino Kaku Gothic ProN,Meiryo,sans-serif}.en-text{letter-spacing:.01em;font-family:Bodoni Moda,游ゴシック,YuGothic,YuGothicStd-R,Hiragino Kaku Gothic ProN,Meiryo,sans-serif}html{font-size:62.5%}body{-webkit-font-smoothing:antialiased;overflow-wrap:break-word;-webkit-font-feature-settings:"palt";font-feature-settings:"palt";font-size:1.6rem;overflow-x:hidden}.reset-palt{-webkit-font-feature-settings:normal;font-feature-settings:normal}button,input,select,textarea{color:inherit;font-family:inherit;font-size:100%}ul{margin:0;padding:0;list-style:none}a,a:hover{color:#007bff;cursor:pointer;background-color:#0000;text-decoration:none}.company-card-container a,.company-card-container a:hover{text-decoration:none;color:#007bff!important;background-color:#0000!important}.company-card-container a:hover{-webkit-text-decoration:underline #007bff!important;text-decoration:underline #007bff!important}.body{letter-spacing:.01em;color:#121212;word-wrap:break-word;-webkit-font-smoothing:antialiased;background-color:#fff;width:100%;min-width:100%;font-family:Helvetica,YuGothic,Yu Gothic,游ゴシック体,游ゴシック,ヒラギノ角ゴ Pro W3,ヒラギノ角ゴ W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ Ｐゴシック,Osaka,MS PGothic,Arial,sans-serif;line-height:100%;transition:all .3s linear}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;font-size:100%;font-weight:400}.ttl{color:gray}h2.ttl .en-text{font-size:5.55vw;line-height:110%;display:block}h2.ttl .jp-text{font-size:1.11vw}h3.ttl .en-text{font-size:3.2rem;line-height:140%;display:block}.ttl .jp-text{line-height:160%;display:block}.bg-4th{background-color:#171717}.modal-content .modal-title{font-size:28px!important}.modal-content .public-input,.modal-content .public-button,.login-form-explain-label{font-size:16px!important}.scroll-bar-animation{animation-name:movescrollbar;animation-duration:1.5s;animation-timing-function:ease-out;animation-iteration-count:infinite;animation-direction:normal;animation-play-state:running;animation-delay:1s;animation-fill-mode:forwards}@keyframes movescrollbar{0%{height:0%}to{height:100%}}.slide1-swiper-pagination-animation{animation-name:slide1-swiper-pagination-animation;animation-duration:10s;animation-timing-function:linear;animation-direction:normal;animation-play-state:running;animation-delay:0s;animation-fill-mode:forwards}@keyframes slide1-swiper-pagination-animation{0%{left:0%;right:80%}99%{left:0%}to{left:100%;right:5%}}.image-cover-open-animation{animation-name:image-cover-open-animation;animation-duration:.2s;animation-timing-function:linear;animation-direction:normal;animation-play-state:running;animation-delay:0s;animation-fill-mode:forwards}@keyframes image-cover-open-animation{0%{bottom:0%}to{bottom:100%}}@keyframes fadeInUpSmall{0%{opacity:0;transform:translateY(10%)}to{opacity:1;transform:translate(0,0)}}.fadeInUpSmall{animation-name:fadeInUpSmall}@keyframes fadeInUp30{0%{opacity:0;transform:translateY(30%)}to{opacity:1;transform:translate(0,0)}}.fadeInUp30{animation-name:fadeInUp30}@keyframes rotateInUpLeftSmall{0%{opacity:0;transform:rotate(3deg)}to{opacity:1;transform:translate(0,0)}}.rotateInUpLeftSmall{transform-origin:0 100%;animation-name:rotateInUpLeftSmall}.search-wrap input{outline:unset;background-color:#171717;border:1px solid #454545;border-radius:0;width:100%;padding:23px 30px;font-size:1.3rem;line-height:100%}.search-wrap input:focus{border-color:gray}.radio{flex-wrap:wrap;align-items:center;display:flex}.radio input[type=radio]:checked+label:before{border-color:#fff}.radio label{cursor:pointer;align-items:center;min-height:25px;padding-left:31px;line-height:120%;display:flex;position:relative}.radio label:before{content:"";box-sizing:border-box;border:1px solid #454545;border-radius:50%;width:25px;height:25px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.radio input[type=radio]:checked+label:after{content:"";background:#fff;border-radius:50%;width:5px;height:5px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.swiper-button-prev svg,.swiper-button-next svg{stroke:#fff;stroke-width:1px;fill:none;backface-visibility:hidden;width:100%;height:100%;position:absolute;top:0;left:0}.swiper-button-prev,swiper-button-next{cursor:pointer;border-color:#454545}.product-list{padding-bottom:70px}.product-list .sub-category-title{color:gray;line-height:200%}.product-list .content-col{width:31.4%;margin-right:2.9%;font-size:1.3rem;line-height:200%}.product-list .content-col.x2{width:68.6%}.product-list a{line-height:140%}.product-list .category-title{color:gray;margin-bottom:22px;padding-bottom:19px;position:relative}.product-lineup li{margin-top:7px}.product-lineup li .kana{color:gray;font-size:1rem;line-height:100%;display:block}.title,.category-title{position:relative;overflow:hidden}@keyframes move-highlight{0%{left:0}to{left:100%}}.title.line-left{padding-left:9px}.title.line-left:before{content:"";background:#454545;width:1px;height:100%;position:absolute;top:0;left:0}.title.line-left:after{content:"";background:#fff;width:1px;height:50%;transition:all 1s;position:absolute;top:0;left:0}.bg-txt{color:#131313;pointer-events:none;white-space:nowrap;max-width:100%;font-size:25vw;line-height:80%;position:absolute;overflow:hidden}.circle-icon{border:1px solid #fff;border-radius:50%;width:16px;height:16px;margin-left:12px;position:relative;overflow:hidden}.circle-icon:before{content:"";background-color:#fff;border-radius:50%;width:3px;height:3px;margin:auto;position:absolute;top:50%;left:50%;transform:translateY(-50%)translate(-50%)}@keyframes ripple{0%{opacity:.5;transform:translateY(-50%)scale(1)}to{opacity:1;transform:translateY(-50%)scale(1.2)}}.pin{will-change:opacity, transform;padding-left:3vw;position:relative}.pin.reverse{padding-left:0;padding-right:3vw}.pin:before{content:"";background-color:#fff6;border-radius:50%;width:2vw;height:2vw;animation:.6s infinite alternate ripple;position:absolute;top:50%;left:0;transform:translateY(-50%)}.pin.reverse:before{left:auto;right:0}.pin:after{content:"";background:#fff;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:1vw;transform:translate(-50%,-50%)}.pin.reverse:after{left:auto;right:1vw;transform:translate(50%,-50%)}@keyframes move-circle-icon{0%{left:50%}50%{left:150%}51%{left:-100%}to{left:50%}}.transition-trigger:hover .circle-icon:before{animation-name:move-circle-icon;animation-duration:.3s;animation-fill-mode:forwards}.opacity-0{opacity:0}.opacity-transition{will-change:opacity;transition:opacity .6s}.transition-trigger:hover .opacity-transition{opacity:.6}.transition-trigger:hover .opacity-transition.to-opacity-100{opacity:1}.scale-down-transition,.scale-up-transition{will-change:transform;transition:transform .3s}.transition-trigger:hover .scale-down-transition{transform:scale(.96)}.transition-trigger:hover .scale-up-transition{transform:scale(1.06)}@keyframes left-to-right{0%{left:0}to{left:100%}}@keyframes right-to-left{0%{right:0}to{right:100%}}@keyframes bottom-to-top{0%{bottom:0}to{bottom:100%}}@keyframes top-to-bottom{0%{top:0}to{top:100%}}.highlight-border-transition{background-color:#fff;animation-duration:.4s;animation-timing-function:ease;animation-fill-mode:forwards;position:absolute}.highlight-border-transition.h-transition{width:70px;height:1px;top:0;left:-70px}.highlight-border-transition.h-transition.reverse{inset:auto -70px 0 auto}.highlight-border-transition.v-transition{width:1px;height:70px;bottom:-70px;left:0}.highlight-border-transition.v-transition.reverse{inset:-70px 0 auto auto}.transition-trigger:hover .highlight-border-transition.h-transition{animation-name:left-to-right}.transition-trigger:hover .highlight-border-transition.h-transition.reverse{animation-name:right-to-left}.transition-trigger:hover .highlight-border-transition.v-transition{animation-name:bottom-to-top}.transition-trigger:hover .highlight-border-transition.v-transition.reverse{animation-name:top-to-bottom}.border-bottom-transition{position:relative}.border-bottom-transition:before{content:"";background-color:#fff;width:0;height:1px;transition:width .3s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.transition-trigger:hover .border-bottom-transition:before{width:100%}.circle-button:before{content:"";justify-content:center;align-items:center;width:100%;height:100%;font-size:1rem;transition:all 1s;display:flex;position:absolute;top:0;left:0}.group-transition:has(.transition-trigger:hover) .transition-trigger:hover .opacity-transition{opacity:inherit}.group-transition:has(.transition-trigger:hover) .transition-trigger .opacity-transition{opacity:.6}.transition-trigger .dark-transition{will-change:color;transition:color 1s}.group-transition:has(.transition-trigger:hover) .transition-trigger:hover .dark-transition{color:inherit}.group-transition:has(.transition-trigger:hover) .transition-trigger .dark-transition{color:#353535}.textillate-br:before{content:"\a ";white-space:pre}.be-times{color:inherit;font-family:Noto Sans JP,sans-serif;font-weight:100}.be-times:before{content:"×"}.main-footer{color:#787878!important;background-color:#121212!important;padding:50px 50px 45px!important}.main-footer .link{color:#787878;text-decoration:none}.main-footer .link-list .link{margin-left:0;margin-right:40px;font-family:Open Sans;font-weight:500}.link-list .link{cursor:pointer;font-size:14px!important}.fs-82{font-size:6.074vw}.fs-64{font-size:4.741vw}.fs-56{font-size:4.148vw}.fs-24{font-size:1.778vw}.fs-20{font-size:1.481vw}.fs-16{font-size:1.185vw}.main-header{z-index:2;font-family:Open Sans;transition:all .3s ease-in-out;top:0;background:linear-gradient(#00000080 0%,#0000 100%)!important;width:100%!important;padding:11px 50px 10px!important;position:fixed!important}.main-header .link{color:#ffffffc7;text-decoration:none;transition:color .3s ease-in-out}.main-header.out-swiper{background:#000000c0!important}.main-header .link-list{margin-right:60px}.main-header .link-list .link+.link{margin-left:60px}@media screen and (width<=990px){.main-header .link-list{margin-right:30px}}@media screen and (width<=1200px){.main-header .link-list .link+.link{margin-left:30px}}.public-button,.public-button:hover{color:#1abc9c;background-color:#0000;border-color:#1abc9c}.select-none{-webkit-user-select:none;user-select:none}@media screen and (width>=480px){.innovation-main-body{padding:170px 60px 300px}.innovation-main-body .title{font-size:36px}}@media screen and (width<=480px){.innovation-main-body{padding:120px 25px 134px}.innovation-main-body .title{font-size:24px}}.circle-button{cursor:pointer;border:1px solid #fff;border-radius:50%;width:72px;height:72px;position:relative;overflow:hidden}.circle-button.sp{cursor:pointer;border:1px solid #fff;border-radius:50%;width:100%;height:100%;position:relative;overflow:hidden}.circle-button:before{color:#fff;content:"";justify-content:center;align-items:center;width:100%;height:100%;font-size:.8rem;transition:all 1s;display:flex;position:absolute;top:0;left:0}.circle-button.view-circle:before{content:"VIEW"}.circle-button.prev-circle:before{content:"PREV"}.circle-button.next-circle:before{content:"NEXT"}.line-bottom:before{content:"";background:#454545;width:100%;height:1px;position:absolute;bottom:0;left:0}.line-bottom:after{content:"";background:#fff;width:100%;height:1px;position:absolute;bottom:0;left:0}.line-bottom.line-width-72:before{width:72px}.line-bottom.highlight-width-16:after{width:16px}.line-bottom.highlight-width-32:after{width:32px}.line-bottom.highlight-width-68:after{width:68px}.transition-trigger:hover .title.line-bottom:after{animation-name:move-highlight;animation-duration:.4s;animation-timing-function:ease;animation-fill-mode:forwards}@media screen and (width>=480px){.slide-title{font-size:6.074vw;line-height:1.1}.slide-text{font-size:20px}.section-title{font-size:4.741vw}.section-catchphrase{font-size:1.778vw}.section-text{font-size:1.185vw}.digital-medical-title{font-size:4.148vw}.digital-medical-text{font-size:16px}}@media only screen and (width>=320px) and (width<=480px){.slide-title{font-size:3.5rem;line-height:1.1}.slide-text{font-size:1.8rem}.section-title{font-size:4rem}.section-catchphrase{font-size:24px}.section-text{font-size:16px}.digital-medical-title{font-size:36px}.digital-medical-text{font-size:16px}}}
