﻿html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}ul li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}.clearfix:after{content:"";display:block;clear:both}html,body{color:#000;font-size:62.5%;font-family:"UD Shin Go Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-style:normal;font-weight:400;-webkit-font-feature-settings:'pkna';font-feature-settings:'palt';writing-mode:horizontal-tb;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;letter-spacing:0.1em;box-sizing:border-box;color:#000}*,*:before,*:after{box-sizing:inherit}* ul{margin:0;padding:0;list-style-type:none}* ul li{margin:0;padding:0}a,a:visited{color:#000;text-decoration:none}a img,a:visited img{backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-text-decoration-skip:none}img{max-width:100%;height:auto;vertical-align:middle}::selection{background:#f5f5f5;color:#0f2964}::-moz-selection{background:#f5f5f5;color:#0f2964}.page-top{position:fixed;display:none;bottom:10px;right:10px;width:40px;height:40px;z-index:100}@media screen and (max-width: 700px){.page-top{bottom:5px;right:5px}}.page-top a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:5px;background-color:#0f2964;transition:all .2s ease;-webkit-transition:all .2s ease}.page-top a::before{content:"";width:0;height:0;border-style:solid;border-width:0 5px 8.7px 5px;border-color:transparent transparent #ffffff transparent}.page-top a:hover{border-radius:50%}@media screen and (max-width: 700px){.page-top a:hover{border-radius:5px}}.l-header{position:fixed;top:0;left:0;width:100%;height:80px;background-color:#fff;display:flex;flex-wrap:wrap;justify-content:space-between;z-index:100}@media screen and (max-width: 700px){.l-header{height:70px}}.l-header__left{display:flex;flex-wrap:wrap;align-items:center}@media screen and (max-width: 700px){.l-header__left{width:calc(100% - 130px);padding:10px 0}}@media screen and (max-width: 700px) and (max-width: 360px){.l-header__left{width:calc(100% - 110px)}}.l-header__left__logo{display:block;margin:0 20px 0 30px}@media screen and (max-width: 1050px){.l-header__left__logo{margin:0 10px 0 20px}}@media screen and (max-width: 1050px) and (max-width: 700px){.l-header__left__logo{margin:0 0 0 15px}}@media screen and (max-width: 1050px) and (max-width: 700px) and (max-width: 360px){.l-header__left__logo{margin:0 0 0 10px}}.l-header__left__logo img{width:180px;height:auto}@media screen and (max-width: 1050px){.l-header__left__logo img{width:160px}}@media screen and (max-width: 1050px) and (max-width: 700px){.l-header__left__logo img{width:140px}}@media screen and (max-width: 1050px) and (max-width: 700px) and (max-width: 360px){.l-header__left__logo img{width:120px}}.l-header__left__tit{font-size:1.4rem;line-height:1.6;color:#454545}@media screen and (max-width: 1050px){.l-header__left__tit{font-size:1.3rem;line-height:1.6}}@media screen and (max-width: 1050px) and (max-width: 700px){.l-header__left__tit{font-size:1rem;line-height:1.6;margin:0 0 0 15px}}@media screen and (max-width: 1050px) and (max-width: 700px) and (max-width: 360px){.l-header__left__tit{font-size:.9rem;line-height:1.6;margin:0 0 0 10px}}.l-header__left__tit span{letter-spacing:0;padding-right:3px}.l-header__right a{display:flex;align-items:center;justify-content:center;width:220px;height:100%;position:relative;background-color:#003894}@media screen and (max-width: 1050px){.l-header__right a{width:200px}}@media screen and (max-width: 1050px) and (max-width: 700px){.l-header__right a{width:130px}}@media screen and (max-width: 1050px) and (max-width: 700px) and (max-width: 360px){.l-header__right a{width:110px}}.l-header__right a span{position:relative;z-index:2;color:#fff;font-size:1.6rem;line-height:1.4}@media screen and (max-width: 700px){.l-header__right a span{font-size:1.3rem;line-height:1.4}}@media screen and (max-width: 700px) and (max-width: 360px){.l-header__right a span{font-size:1.2rem;line-height:1.4}}.l-header__right a span img{width:25px;height:auto;margin-right:5px;vertical-align:-3px}@media screen and (max-width: 700px){.l-header__right a span img{width:18px;vertical-align:-2px}}.l-header__right a::before{content:"";display:block;width:100%;height:50%;position:absolute;z-index:1;bottom:0;left:0;background-color:rgba(0,0,0,0.2);transition:all .3s ease;-webkit-transition:all .3s ease}.l-header__right a:hover::before{height:100%}.l-footer{display:flex;justify-content:space-between;align-items:flex-end;background-color:#003894;padding:80px 50px}@media screen and (max-width: 1050px){.l-footer{padding:60px 30px}}@media screen and (max-width: 1050px) and (max-width: 700px){.l-footer{padding:25px 15px;display:block;text-align:center}}.l-footer__logo img{width:130px;height:auto}@media screen and (max-width: 1050px){.l-footer__logo img{width:100px}}@media screen and (max-width: 1050px) and (max-width: 700px){.l-footer__logo img{width:70px;margin-bottom:12px}}.l-footer__copy{font-size:1.4rem;line-height:1;color:#fff;letter-spacing:0.03em}@media screen and (max-width: 700px){.l-footer__copy{font-size:1.2rem;line-height:1;color:rgba(255,255,255,0.8)}}.l-wrap__inner-900{max-width:calc(900px + 50px + 50px);width:100%;padding-left:50px;padding-right:50px;margin-left:auto;margin-right:auto}@media screen and (max-width: 1000px){.l-wrap__inner-900{padding-left:30px;padding-right:30px}}@media screen and (max-width: 1000px) and (max-width: 700px){.l-wrap__inner-900{padding-left:15px;padding-right:15px}}.l-wrap__inner-750{max-width:calc(750px + 50px + 50px);width:100%;padding-left:50px;padding-right:50px;margin-left:auto;margin-right:auto}@media screen and (max-width: 1000px){.l-wrap__inner-750{padding-left:30px;padding-right:30px}}@media screen and (max-width: 1000px) and (max-width: 700px){.l-wrap__inner-750{padding-left:15px;padding-right:15px}}.o-c-title{text-align:center;margin-bottom:50px}@media screen and (max-width: 1000px){.o-c-title{margin-bottom:40px}}@media screen and (max-width: 1000px) and (max-width: 700px){.o-c-title{margin-bottom:30px}}.o-c-title__en{font-size:4.4rem;line-height:1;margin-bottom:10px;letter-spacing:0}@media screen and (max-width: 1000px){.o-c-title__en{font-size:3.8rem;line-height:1}}@media screen and (max-width: 1000px) and (max-width: 700px){.o-c-title__en{margin-bottom:5px;font-size:3rem;line-height:1}}.o-c-title__ja{font-size:1.6rem;line-height:1}@media screen and (max-width: 1000px){.o-c-title__ja{font-size:1.4rem;line-height:1}}@media screen and (max-width: 1000px) and (max-width: 700px){.o-c-title__ja{font-size:1.2rem;line-height:1}}.o-c__loading{background-color:#fff;display:flex;justify-content:center;align-items:center;height:100vh;width:100%;position:fixed;top:0;left:0;z-index:101}.o-c__loading img{width:300px;height:auto}@media screen and (max-width: 1000px){.o-c__loading img{width:260px}}@media screen and (max-width: 1000px) and (max-width: 700px){.o-c__loading img{width:200px}}.pc{display:block !important}.tab{display:none}.sp{display:none}@media screen and (max-width: 768px){.pc{display:none !important}.tab{display:block !important}.sp{display:none}}@media screen and (max-width: 700px){.pc{display:none !important}.tab{display:none !important}.sp{display:block !important}}.p-index__hero{padding:80px 0 70px;max-height:1100px;position:relative}@media screen and (max-width: 1250px){.p-index__hero{max-height:850px}}@media screen and (max-width: 1250px) and (max-width: 1050px){.p-index__hero{max-height:1500px}}@media screen and (max-width: 1250px) and (max-width: 1050px) and (max-width: 700px){.p-index__hero{padding:70px 0 50px}}.p-index__hero__inn{height:100%;position:relative}.p-index__hero__inn__visual{height:100%;position:relative;overflow:hidden}.p-index__hero__inn__visual .screen{width:calc(100% / 3);height:100%}@media screen and (max-width: 1050px){.p-index__hero__inn__visual .screen{width:calc(100% / 2)}}@media screen and (max-width: 1050px) and (max-width: 700px){.p-index__hero__inn__visual .screen{width:100%}}.p-index__hero__inn__visual .screen__left{float:left}@media screen and (max-width: 1050px){.p-index__hero__inn__visual .screen__left{float:right}}@media screen and (max-width: 1050px) and (max-width: 700px){.p-index__hero__inn__visual .screen__left{height:25%}}.p-index__hero__inn__visual .screen__left__01{background-image:url(../../../../medicom/medical_it/medicomcloudconnect/hero__01.jpg)}.p-index__hero__inn__visual .screen__left__02{background-image:url(../../../../medicom/medical_it/medicomcloudconnect/hero__02.jpg)}.p-index__hero__inn__visual .screen__left__03{display:none}@media screen and (max-width: 1050px){.p-index__hero__inn__visual .screen__left__03{display:block;background-image:url(../../../../medicom/medical_it/medicomcloudconnect/hero__03.jpg)}}@media screen and (max-width: 1050px) and (max-width: 700px){.p-index__hero__inn__visual .screen__left__03{display:none !important}}.p-index__hero__inn__visual .screen__left__04{display:none}@media screen and (max-width: 1050px){.p-index__hero__inn__visual .screen__left__04{display:block;background-image:url(../../../../medicom/medical_it/medicomcloudconnect/hero__04.jpg)}}@media screen and (max-width: 1050px) and (max-width: 700px){.p-index__hero__inn__visual .screen__left__04{display:none !important}}.p-index__hero__inn__visual .screen__centre{float:left;background-image:url(../../../../medicom/medical_it/medicomcloudconnect/hero__00.jpg);background-position:center;background-size:cover;background-repeat:no-repeat}@media screen and (max-width: 1050px){.p-index__hero__inn__visual .screen__centre{float:right}}@media screen and (max-width: 1050px) and (max-width: 700px){.p-index__hero__inn__visual .screen__centre{display:block;height:50%;background-position:top 32% center}}.p-index__hero__inn__visual .screen__right{float:left}@media screen and (max-width: 1050px){.p-index__hero__inn__visual .screen__right{display:none}}@media screen and (max-width: 1050px) and (max-width: 700px){.p-index__hero__inn__visual .screen__right{height:25%;display:block !important}}.p-index__hero__inn__visual .screen__right__03{background-image:url(../../../../medicom/medical_it/medicomcloudconnect/hero__03.jpg)}.p-index__hero__inn__visual .screen__right__04{background-image:url(../../../../medicom/medical_it/medicomcloudconnect/hero__04.jpg)}.p-index__hero__inn__visual .screen__half{width:100%;height:50%;background-position:center;background-size:cover;background-repeat:no-repeat}@media screen and (max-width: 1050px){.p-index__hero__inn__visual .screen__half{height:25%}}@media screen and (max-width: 1050px) and (max-width: 700px){.p-index__hero__inn__visual .screen__half{width:50%;height:100%;float:left;background-position:top 20% center}}.p-index__hero__inn__visual__circle{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:630px;height:630px;z-index:3}@media screen and (max-width: 1200px){.p-index__hero__inn__visual__circle{width:520px;height:520px}}@media screen and (max-width: 1200px) and (max-width: 1050px){.p-index__hero__inn__visual__circle{width:400px;height:400px}}@media screen and (max-width: 1200px) and (max-width: 1050px) and (max-width: 700px){.p-index__hero__inn__visual__circle{width:320px;height:320px}}@media screen and (max-width: 1200px) and (max-width: 1050px) and (max-width: 700px) and (max-width: 360px){.p-index__hero__inn__visual__circle{width:270px;height:270px}}.p-index__hero__inn__visual__circle li:first-child img{animation:spin2 100s linear infinite}.p-index__hero__inn__visual__circle li:nth-child(2) img{animation:spin 12s linear infinite}.p-index__hero__inn__visual__circle li:nth-child(3) img{animation:spin 9s linear infinite}.p-index__hero__inn__visual__circle li:nth-child(4) img{animation:spin 6s linear infinite}.p-index__hero__inn__visual__circle li:nth-child(5) img{animation:spin 4.5s linear infinite}.p-index__hero__inn__visual__circle img{width:100%;height:100%;position:absolute;top:0;left:0}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes spin2{0%{transform:rotate(0deg)}100%{transform:rotate(-360deg)}}.p-index__hero__inn__copy{font-size:5.6rem;line-height:50px;letter-spacing:0.05em;width:100%;height:50px;text-align:center;color:#000;text-shadow:#fff 1px 1px 8px, #fff -1px 1px 8px, #fff 1px -1px 8px, #fff -1px -1px 8px;padding-left:10px;position:absolute;top:0;bottom:0;left:0;margin:auto;z-index:5}@media screen and (max-width: 1200px){.p-index__hero__inn__copy{font-size:4.8rem;line-height:50px}}@media screen and (max-width: 1200px) and (max-width: 1050px){.p-index__hero__inn__copy{font-size:4.6rem;line-height:50px}}@media screen and (max-width: 1200px) and (max-width: 1050px) and (max-width: 700px){.p-index__hero__inn__copy{font-size:7vw;line-height:40px;height:40px;top:20px}}.p-index__hero__inn__copy span.typing{display:inline-block;margin-right:-1.5vw}@media screen and (max-width: 700px){.p-index__hero__inn__copy span.typing{margin-right:-3vw}}.p-index__hero__news{background-color:#003894;height:70px;padding:10px 0;position:absolute;width:100%;bottom:0;left:0}@media screen and (max-width: 700px){.p-index__hero__news{height:52px}}.p-index__hero__news>div{display:flex;align-items:center;height:100%}.p-index__hero__news>div h2{width:120px;display:flex;align-items:center;font-size:1.9rem;line-height:1;color:#fff;height:100%;border-right:1px solid rgba(255,255,255,0.3);margin-right:15px}@media screen and (max-width: 700px){.p-index__hero__news>div h2{font-size:1.4rem;line-height:1;width:90px;margin-right:10px}}.p-index__hero__news>div a{width:calc(100% - 120px - 15px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#000;font-size:1.4rem;line-height:1.4;color:#fff;transition:all .2s ease;-webkit-transition:all .2s ease;border-bottom:1px dotted rgba(255,255,255,0)}@media screen and (max-width: 700px){.p-index__hero__news>div a{width:calc(100% - 90px - 15px);font-size:1.2rem;line-height:1.4}}.p-index__hero__news>div a:hover{border-bottom:1px dotted rgba(255,255,255,0.7)}.typ-1 span,.typ-2 span{display:inline-block;opacity:0}.typ-1 span.type-on:nth-child(1),.typ-2 span.type-on:nth-child(1){animation:typeanime 0.1s .08s forwards;opacity:0}.typ-1 span.type-on:nth-child(2),.typ-2 span.type-on:nth-child(2){animation:typeanime 0.1s .16s forwards;opacity:0}.typ-1 span.type-on:nth-child(3),.typ-2 span.type-on:nth-child(3){animation:typeanime 0.1s .24s forwards;opacity:0}.typ-1 span.type-on:nth-child(4),.typ-2 span.type-on:nth-child(4){animation:typeanime 0.1s .32s forwards;opacity:0}.typ-1 span.type-on:nth-child(5),.typ-2 span.type-on:nth-child(5){animation:typeanime 0.1s .4s forwards;opacity:0}.typ-1 span.type-on:nth-child(6),.typ-2 span.type-on:nth-child(6){animation:typeanime 0.1s .48s forwards;opacity:0}.typ-1 span.type-on:nth-child(7),.typ-2 span.type-on:nth-child(7){animation:typeanime 0.1s .56s forwards;opacity:0}.typ-1 span.type-on:nth-child(8),.typ-2 span.type-on:nth-child(8){animation:typeanime 0.1s .64s forwards;opacity:0}.typ-1 span.type-on:nth-child(9),.typ-2 span.type-on:nth-child(9){animation:typeanime 0.1s .72s forwards;opacity:0}.typ-1 span.type-on:nth-child(10),.typ-2 span.type-on:nth-child(10){animation:typeanime 0.1s .8s forwards;opacity:0}@keyframes typeanime{0%{opacity:0}100%{opacity:1}}.p-index__intro{padding-top:120px}@media screen and (max-width: 1100px){.p-index__intro{padding-top:80px}}@media screen and (max-width: 1100px) and (max-width: 700px){.p-index__intro{padding-top:60px}}.p-index__intro__tit{text-align:center;margin-bottom:60px}@media screen and (max-width: 1100px){.p-index__intro__tit{margin-bottom:40px}}@media screen and (max-width: 1100px) and (max-width: 700px){.p-index__intro__tit{margin-bottom:20px}}.p-index__intro__tit h2{font-size:4rem;line-height:1.6;margin-bottom:15px;margin-left:15px}@media screen and (max-width: 1100px){.p-index__intro__tit h2{font-size:3.6rem;line-height:1.6;margin-bottom:10px}}@media screen and (max-width: 1100px) and (max-width: 700px){.p-index__intro__tit h2{font-size:5.5vw;margin-left:5px;margin-bottom:5px}}.p-index__intro__tit p{font-size:1.7rem;line-height:1.6;color:#a6b1c1;letter-spacing:0}@media screen and (max-width: 1100px){.p-index__intro__tit p{font-size:1.6rem;line-height:1.6}}@media screen and (max-width: 1100px) and (max-width: 700px){.p-index__intro__tit p{font-size:3vw}}.p-index__intro__read{margin-bottom:60px}@media screen and (max-width: 1100px){.p-index__intro__read{margin-bottom:40px}}@media screen and (max-width: 1100px) and (max-width: 700px){.p-index__intro__read{margin-bottom:20px}}.p-index__intro__read p{font-size:1.6rem;line-height:2;margin-bottom:20px}@media screen and (max-width: 1100px){.p-index__intro__read p{font-size:1.4rem;line-height:2;margin-bottom:15px}}@media screen and (max-width: 1100px) and (max-width: 700px){.p-index__intro__read p{font-size:1.3rem;line-height:2}}.p-index__intro__read p:last-of-type{margin-bottom:0}.p-index__intro__zu{display:flex;flex-wrap:wrap;position:relative}.p-index__intro__zu__ampersand{position:absolute;font-size:5.4rem;line-height:1;line-height:50px;height:50px;width:50px;text-align:center;left:calc((100% - (600px + 440px)) / 2 + 600px - 25px);top:50px;bottom:0;margin:auto}@media screen and (max-width: 1200px){.p-index__intro__zu__ampersand{font-size:5rem;line-height:1;left:calc((100% - (490px + 360px)) / 2 + 490px - 22px)}}@media screen and (max-width: 1200px) and (max-width: 1000px){.p-index__intro__zu__ampersand{left:calc((100% - (365px + 270px)) / 2 + 365px - 22px)}}@media screen and (max-width: 1200px) and (max-width: 1000px) and (max-width: 800px){.p-index__intro__zu__ampersand{font-size:4rem;line-height:1}}@media screen and (max-width: 1200px) and (max-width: 1000px) and (max-width: 800px) and (max-width: 700px){.p-index__intro__zu__ampersand{font-size:3.4rem;line-height:1;left:0;right:0;top:10px;bottom:0}}.p-index__intro__zu__inn{padding:70px 0}@media screen and (max-width: 1200px){.p-index__intro__zu__inn{padding:50px 0}}@media screen and (max-width: 1200px) and (max-width: 1000px){.p-index__intro__zu__inn{padding:30px 0 40px}.p-index__intro__zu__inn:last-of-type{padding:35px 0 30px}}.p-index__intro__zu__inn__tit{text-align:center;margin-bottom:30px}@media screen and (max-width: 1000px){.p-index__intro__zu__inn__tit{margin-bottom:20px}}.p-index__intro__zu__inn__tit span{font-size:1.8rem;line-height:1.4;display:inline-block;padding:5px 20px;border-radius:100px;color:#fff}@media screen and (max-width: 1000px){.p-index__intro__zu__inn__tit span{font-size:1.6rem;line-height:1.4;padding:3px 15px}}@media screen and (max-width: 1000px) and (max-width: 700px){.p-index__intro__zu__inn__tit span{font-size:1.5rem;line-height:1.4}}.p-index__intro__zu__inn ul{display:flex;justify-content:center}.p-index__intro__zu__inn ul li{width:120px;margin-right:40px}@media screen and (max-width: 1200px){.p-index__intro__zu__inn ul li{width:100px;margin-right:30px}}@media screen and (max-width: 1200px) and (max-width: 1000px){.p-index__intro__zu__inn ul li{width:80px;margin-right:15px}}@media screen and (max-width: 1200px) and (max-width: 1000px) and (max-width: 700px){.p-index__intro__zu__inn ul li{width:70px;margin-right:15px}}@media screen and (max-width: 1200px) and (max-width: 1000px) and (max-width: 700px) and (max-width: 360px){.p-index__intro__zu__inn ul li{margin-right:10px}}.p-index__intro__zu__inn ul li:last-child{margin-right:0}.p-index__intro__zu__inn ul li p{text-align:center;font-size:2rem;line-height:1.4;margin-bottom:10px;letter-spacing:0.15em;padding-left:3px}@media screen and (max-width: 1200px){.p-index__intro__zu__inn ul li p{font-size:1.8rem;line-height:1.4}}@media screen and (max-width: 1200px) and (max-width: 1000px){.p-index__intro__zu__inn ul li p{font-size:1.6rem;line-height:1.4;margin-bottom:5px}}@media screen and (max-width: 1200px) and (max-width: 1000px) and (max-width: 700px){.p-index__intro__zu__inn ul li p{font-size:1.4rem;line-height:1.4}}.p-index__intro__zu__inn ul li img{width:100%;height:auto}.p-index__intro__zu__inn.left{width:calc((100% - (600px + 440px)) / 2 + 600px);background-color:#ddf2d0}@media screen and (max-width: 1200px){.p-index__intro__zu__inn.left{width:calc((100% - (490px + 360px)) / 2 + 490px)}}@media screen and (max-width: 1200px) and (max-width: 1000px){.p-index__intro__zu__inn.left{width:calc((100% - (365px + 270px)) / 2 + 365px)}}@media screen and (max-width: 1200px) and (max-width: 1000px) and (max-width: 700px){.p-index__intro__zu__inn.left{width:100%}}.p-index__intro__zu__inn.left .p-index__intro__zu__inn__tit span{background-color:#77cc44}.p-index__intro__zu__inn.right{width:calc((100% - (600px + 440px)) / 2 + 440px);background-color:#d0eefb}@media screen and (max-width: 1200px){.p-index__intro__zu__inn.right{width:calc((100% - (490px + 360px)) / 2 + 360px)}}@media screen and (max-width: 1200px) and (max-width: 1000px){.p-index__intro__zu__inn.right{width:calc((100% - (365px + 270px)) / 2 + 270px)}}@media screen and (max-width: 1200px) and (max-width: 1000px) and (max-width: 700px){.p-index__intro__zu__inn.right{width:100%}}.p-index__intro__zu__inn.right .p-index__intro__zu__inn__tit span{background-color:#44bbee;letter-spacing:0.1em}.p-index__intro__zu__inn ul li{opacity:0}.p-index__intro__zu__inn ul li.fade:nth-child(1){animation:fadeanime 0.4s .2s forwards;opacity:0}.p-index__intro__zu__inn ul li.fade:nth-child(2){animation:fadeanime 0.4s .4s forwards;opacity:0}.p-index__intro__zu__inn ul li.fade:nth-child(3){animation:fadeanime 0.4s .6s forwards;opacity:0}.p-index__intro__zu__inn ul li.fade:nth-child(4){animation:fadeanime 0.4s .8s forwards;opacity:0}@keyframes fadeanime{0%{opacity:0;transform:rotateY(180deg)}100%{opacity:1;transform:rotateY(360deg)}}.p-index__overview{padding-top:120px}@media screen and (max-width: 1100px){.p-index__overview{padding-top:80px}}@media screen and (max-width: 1100px) and (max-width: 700px){.p-index__overview{padding-top:60px}}.p-index__overview__read{margin-bottom:60px}@media screen and (max-width: 1100px){.p-index__overview__read{margin-bottom:40px}}@media screen and (max-width: 1100px) and (max-width: 1000px) and (max-width: 700px){.p-index__overview__read{margin-bottom:20px}}.p-index__overview__read p{font-size:1.6rem;line-height:2;margin-bottom:20px}.p-index__overview__read p:last-of-type{margin-bottom:0}@media screen and (max-width: 1100px){.p-index__overview__read p{font-size:1.4rem;line-height:2;margin-bottom:15px}}@media screen and (max-width: 1100px) and (max-width: 700px){.p-index__overview__read p{font-size:1.3rem;line-height:2}}.p-index__overview__flow{padding:0 50px}@media screen and (max-width: 1200px){.p-index__overview__flow{display:flex;justify-content:center}}@media screen and (max-width: 1200px) and (max-width: 1000px){.p-index__overview__flow{display:block;padding:0 30px}}@media screen and (max-width: 1200px) and (max-width: 1000px) and (max-width: 700px){.p-index__overview__flow{padding:0 15px}}.p-index__overview__flow__ul{max-width:1400px;margin:0 auto 20px;display:flex;flex-wrap:wrap;justify-content:space-between}@media screen and (max-width: 1200px){.p-index__overview__flow__ul{width:620px;margin:auto;padding:0 20px 0 0}}@media screen and (max-width: 1200px) and (max-width: 1000px){.p-index__overview__flow__ul{padding:0;width:100%;max-width:720px}}.p-index__overview__flow__ul li{width:calc((100% - 40px) / 3);text-align:center;background-color:#f7f7f7;border-radius:15px;padding:40px 15px;position:relative}@media screen and (max-width: 1200px){.p-index__overview__flow__ul li{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin-bottom:20px;padding:30px 15px}}@media screen and (max-width: 1200px) and (max-width: 1200px){.p-index__overview__flow__ul li{padding:30px 15px}}@media screen and (max-width: 1200px) and (max-width: 1200px) and (max-width: 1000px){.p-index__overview__flow__ul li{margin-bottom:15px;padding:20px 15px}}@media screen and (max-width: 1200px) and (max-width: 1200px) and (max-width: 1000px) and (max-width: 700px){.p-index__overview__flow__ul li{padding:25px 10px;border-radius:10px}}.p-index__overview__flow__ul li:first-child{z-index:3}.p-index__overview__flow__ul li:nth-child(2){z-index:2}.p-index__overview__flow__ul li:last-child{margin-bottom:0;z-index:1}.p-index__overview__flow__ul li .flow{content:"";display:block;width:65px;height:65px;background-image:url(../../../../medicom/medical_it/medicomcloudconnect/flow-r.png);background-size:contain;background-repeat:no-repeat;background-position:center;position:absolute;top:70px;right:-45px;z-index:2}@media screen and (max-width: 1200px){.p-index__overview__flow__ul li .flow{width:50px;height:50px;top:auto;bottom:-35px;right:0;left:0;margin:auto;background-image:url(../../../../medicom/medical_it/medicomcloudconnect/flow-b.png)}}@media screen and (max-width: 1200px) and (max-width: 700px){.p-index__overview__flow__ul li .flow{width:40px;height:40px;bottom:-30px}}.p-index__overview__flow__ul li:last-child::after{display:none}.p-index__overview__flow__ul li .txt{position:relative}@media screen and (max-width: 1200px){.p-index__overview__flow__ul li .txt{width:320px}}@media screen and (max-width: 1200px) and (max-width: 700px){.p-index__overview__flow__ul li .txt{width:100%;margin-bottom:10px}}.p-index__overview__flow__ul li .txt h3{font-size:1.8rem;line-height:1.6;margin-bottom:10px}@media screen and (max-width: 1200px){.p-index__overview__flow__ul li .txt h3{font-size:1.6rem;line-height:1.6;margin-bottom:5px}}@media screen and (max-width: 1200px) and (max-width: 700px){.p-index__overview__flow__ul li .txt h3{font-size:1.5rem;line-height:1.6}}.p-index__overview__flow__ul li .txt p{font-size:1.2rem;line-height:2;color:#555;margin-bottom:20px}@media screen and (max-width: 1200px){.p-index__overview__flow__ul li .txt p{margin-bottom:0}}@media screen and (max-width: 1200px) and (max-width: 700px){.p-index__overview__flow__ul li .txt p{font-size:1.1rem;line-height:2}}.p-index__overview__flow__ul li .txt p span{color:#000;font-weight:bold}.p-index__overview__flow__ul li:nth-child(2) p span{letter-spacing:0}.p-index__overview__flow__ul li img{max-width:340px;width:100%}@media screen and (max-width: 1200px){.p-index__overview__flow__ul li img{max-width:280px;width:calc(100% - 320px)}}@media screen and (max-width: 1200px) and (max-width: 700px){.p-index__overview__flow__ul li img{max-width:240px;width:100%}}@media screen and (max-width: 1200px){.p-index__overview__flow__ul li:nth-child(1) img{margin:-8% auto}}@media screen and (max-width: 1200px) and (max-width: 1000px){.p-index__overview__flow__ul li:nth-child(1) img{margin:-4% 0}}@media screen and (max-width: 1200px) and (max-width: 1000px) and (max-width: 700px){.p-index__overview__flow__ul li:nth-child(1) img{margin:-25px 0}}@media screen and (max-width: 1200px){.p-index__overview__flow__ul li:nth-child(2) img{margin:-4% auto}}@media screen and (max-width: 1200px) and (max-width: 1000px){.p-index__overview__flow__ul li:nth-child(2) img{margin:-1.4% 0}}@media screen and (max-width: 1200px) and (max-width: 1000px) and (max-width: 700px){.p-index__overview__flow__ul li:nth-child(2) img{margin:-8px 0}}.p-index__overview__flow__add{position:relative;margin:auto;max-width:860px;padding:30px;background:#fff;border:solid 3px #003894;border-radius:30px;box-sizing:border-box;text-align:center;z-index:4}@media screen and (max-width: 1200px){.p-index__overview__flow__add{flex:1;padding:25px 15px;border-radius:20px}}@media screen and (max-width: 1200px) and (max-width: 1000px){.p-index__overview__flow__add{border:solid 2px #003894;width:100%;margin-top:15px;border-radius:10px;padding:20px}}.p-index__overview__flow__add::before{content:"";position:absolute;top:-79px;left:50%;margin-left:-24px;border:24px solid transparent;border-bottom:56px solid #fff;z-index:4}@media screen and (max-width: 1200px){.p-index__overview__flow__add::before{top:50%;left:-58px;margin-left:0;margin-top:-43px;border:15px solid transparent;border-right:46px solid #fff}}@media screen and (max-width: 1200px) and (max-width: 1000px){.p-index__overview__flow__add::before{display:none}}.p-index__overview__flow__add::after{content:"";position:absolute;top:-88px;left:50%;margin-left:-26px;border:26px solid transparent;border-bottom:60px solid #003894;z-index:3}@media screen and (max-width: 1200px){.p-index__overview__flow__add::after{top:50%;left:-68px;margin-left:0;margin-top:-44px;border:16px solid transparent;border-right:50px solid #003894}}@media screen and (max-width: 1200px) and (max-width: 1000px){.p-index__overview__flow__add::after{display:none}}.p-index__overview__flow__add__tit{text-align:center;font-size:2.4rem;line-height:1.6;margin-bottom:15px;color:#003894;padding-right:10px}@media screen and (max-width: 1200px){.p-index__overview__flow__add__tit{font-size:1.45vw;line-height:30px;background-color:#003894;color:#fff}}@media screen and (max-width: 1200px) and (max-width: 1000px){.p-index__overview__flow__add__tit{font-size:1.8rem;line-height:2}}@media screen and (max-width: 1200px) and (max-width: 1000px) and (max-width: 700px){.p-index__overview__flow__add__tit{font-size:1.6rem;line-height:2}}.p-index__overview__flow__add ul{display:inline-block}@media screen and (max-width: 700px){.p-index__overview__flow__add ul{display:block}}.p-index__overview__flow__add ul li{text-align:left;font-size:1.5rem;line-height:1.6;margin-bottom:10px}@media screen and (max-width: 1200px){.p-index__overview__flow__add ul li{font-size:1.4rem;line-height:1.6;margin-bottom:15px}}@media screen and (max-width: 1200px) and (max-width: 1000px){.p-index__overview__flow__add ul li{margin-bottom:10px}}@media screen and (max-width: 1200px) and (max-width: 1000px) and (max-width: 700px){.p-index__overview__flow__add ul li{font-size:1.3rem;line-height:1.6}}.p-index__overview__flow__add ul li:last-child{margin-bottom:0}.p-index__overview__flow__add ul li h4{display:inline}.p-index__overview__flow__add ul li h4::before{content:"◯";display:inline;padding-right:3px}.p-index__overview__flow__add ul li h4::after{content:"：";display:inline}.p-index__overview__flow__add ul li p{display:inline}@media screen and (max-width: 1200px){.p-index__overview__flow__add ul li p{display:block;padding-left:16px}}@media screen and (max-width: 1200px) and (max-width: 1000px){.p-index__overview__flow__add ul li p{display:inline;padding-left:0}}@media screen and (max-width: 1200px) and (max-width: 1000px) and (max-width: 700px){.p-index__overview__flow__add ul li p{display:block;padding-left:13px}}.p-index__overview__flow__add ul li p span{color:#003894}@media screen and (max-width: 1200px){.p-index__overview__flow__add ul li p span{display:block}}@media screen and (max-width: 1200px) and (max-width: 1000px){.p-index__overview__flow__add ul li p span{display:inline}}@media screen and (max-width: 1200px) and (max-width: 1000px) and (max-width: 700px){.p-index__overview__flow__add ul li p span{display:block}}.p-index__overview__flow__ul li{opacity:0}.p-index__overview__flow__ul li.slide:nth-child(1){animation:slideanime1 0.6s .6s forwards;opacity:0}@media screen and (max-width: 1200px){.p-index__overview__flow__ul li.slide:nth-child(1){animation:slideanime2 0.6s .6s forwards}}.p-index__overview__flow__ul li.slide:nth-child(2){animation:slideanime1 0.6s 1.2s forwards;opacity:0}@media screen and (max-width: 1200px){.p-index__overview__flow__ul li.slide:nth-child(2){animation:slideanime2 0.6s 1.2s forwards}}.p-index__overview__flow__ul li.slide:nth-child(3){animation:slideanime1 0.6s 1.8s forwards;opacity:0}@media screen and (max-width: 1200px){.p-index__overview__flow__ul li.slide:nth-child(3){animation:slideanime2 0.6s 1.8s forwards}}.p-index__overview__flow__ul li.slide:nth-child(4){animation:slideanime1 0.6s 2.4s forwards;opacity:0}@media screen and (max-width: 1200px){.p-index__overview__flow__ul li.slide:nth-child(4){animation:slideanime2 0.6s 2.4s forwards}}.p-index__overview__flow__ul li .flow-1,.p-index__overview__flow__ul li .flow-2{opacity:0}.p-index__overview__flow__ul li .flow-1.slide,.p-index__overview__flow__ul li .flow-2.slide{animation:flowanime1 0.6s 0.6s forwards;opacity:0}@media screen and (max-width: 1200px){.p-index__overview__flow__ul li .flow-1.slide,.p-index__overview__flow__ul li .flow-2.slide{animation:flowanime2 0.6s 0.6s forwards}}.p-index__overview__flow__add{opacity:0}.p-index__overview__flow__add.slide{animation:addanime1 0.6s 0.6s forwards;opacity:0}@media screen and (max-width: 1200px){.p-index__overview__flow__add.slide{animation:addanime2 0.6s 0.6s forwards}}@media screen and (max-width: 1200px) and (max-width: 1200px){.p-index__overview__flow__add.slide{animation:addanime1 0.6s 0.6s forwards}}@keyframes slideanime1{0%{opacity:0;transform:translateX(-20px)}100%{opacity:1;transform:translateX(0)}}@keyframes slideanime2{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}@keyframes flowanime1{0%{opacity:0;transform:translateX(-30px)}100%{opacity:1;transform:translateX(0)}}@keyframes flowanime2{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}@keyframes addanime1{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}@keyframes addanime2{0%{opacity:0;transform:translateX(-20px)}100%{opacity:1;transform:translateX(0)}}.p-index__case{padding-top:120px;padding-bottom:120px}@media screen and (max-width: 1100px){.p-index__case{padding-top:80px;padding-bottom:80px}}@media screen and (max-width: 1100px) and (max-width: 700px){.p-index__case{padding-top:60px;padding-bottom:60px}}.p-index__case ul{border-top:1px solid #ddd}.p-index__case ul li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd;padding:25px 30px}@media screen and (max-width: 1000px){.p-index__case ul li{padding:20px 15px}}@media screen and (max-width: 1000px) and (max-width: 700px){.p-index__case ul li{padding:20px 10px}}.p-index__case ul li p.WorkSans-b{font-size:2.4rem;line-height:1;width:110px;color:#003894;letter-spacing:0.01em}@media screen and (max-width: 1000px){.p-index__case ul li p.WorkSans-b{font-size:2.2rem;line-height:1;width:90px}}@media screen and (max-width: 1000px) and (max-width: 700px){.p-index__case ul li p.WorkSans-b{width:100%;margin-bottom:6px;text-align:center}}.p-index__case ul li p.tit{width:calc(100% - 110px - 230px);font-size:1.4rem;line-height:1.8;padding-right:20px}@media screen and (max-width: 1000px){.p-index__case ul li p.tit{width:calc(100% - 90px - 200px);font-size:1.3rem;line-height:1.8;padding-right:15px}.p-index__case ul li p.tit br{display:none}}@media screen and (max-width: 1000px) and (max-width: 700px){.p-index__case ul li p.tit{width:100%;padding-right:0;margin-bottom:10px;font-size:1.2rem;line-height:1.8}}.p-index__case ul li a{width:230px;border-radius:100px;border:2px solid #003894;background-color:#fff;display:block;padding:20px 0;font-size:1.4rem;line-height:1;text-align:center;color:#003894;transition:all .3s ease;-webkit-transition:all .3s ease}@media screen and (max-width: 1000px){.p-index__case ul li a{width:200px;font-size:1.3rem;line-height:1;padding:15px 0}}@media screen and (max-width: 1000px) and (max-width: 700px){.p-index__case ul li a{margin:0 auto}}.p-index__case ul li a::before{content:"";display:inline-block;width:24px;height:19px;background-image:url(../../../../medicom/medical_it/medicomcloudconnect/press-b.png);background-size:contain;background-position:center;background-repeat:no-repeat;margin-right:5px;vertical-align:-4px;transition:all .3s ease;-webkit-transition:all .3s ease}@media screen and (max-width: 1000px){.p-index__case ul li a::before{width:20px;height:16px;vertical-align:-3px}}.p-index__case ul li a:hover{color:#fff;background-color:#003894}.p-index__case ul li a:hover::before{background-image:url(../../../../medicom/medical_it/medicomcloudconnect/urlpass/press-w.png)}
