*{box-sizing:border-box;margin:0;padding:0}main{perspective:1000px;width:100vw;height:100vh;transform-style:preserve-3d;background-color:#d5d5d5;justify-content:center;align-items:center;display:flex}a{color:#3572c2;text-decoration:none}a:hover{cursor:pointer}img{user-drag:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.card{width:min(800px,100vw - 30px,160vh);max-width:800px;height:min(500px,100vh - 30px,62.5vw);max-height:500px;position:relative;container:card/inline-size}.card-style{user-select:none;backface-visibility:hidden;border-radius:3px;width:100%;height:100%;font-size:16px;position:absolute;top:0;left:0;overflow:hidden;transform:translateZ(0);box-shadow:0 0 10px #0000001a}.front{transform-origin:50%;background-color:#fafafa;position:relative;transform:rotateY(0);& .front-right-block{background-color:#87ceeb;width:2.5%;height:100%;display:block;position:absolute;top:0;right:0}& .front-card-content{width:97%;height:100%;margin-right:2.5%;font-size:100%;position:relative;& .front-card-header{justify-content:right;align-items:end;width:90%;margin:0 0 0 auto;padding-top:3%;font-size:100%;display:flex;position:relative;& .college-name-en{margin-right:2%;padding-bottom:2px;font-size:130%}& .college-name-ja{margin-right:2%;font-size:200%}& .fun-icon{color:#fff;background-color:#900;border-radius:50%;justify-content:center;align-items:center;width:7%;height:0;margin-right:2%;padding:3.5% 0;font-size:100%;display:flex}}& .front-card-header:after{content:"";background-color:#010555;width:105%;height:3px;display:block;position:absolute;bottom:-30%;right:-20px}& .front-card-header:before{content:"";background-color:#010555;width:10px;height:10px;display:block;position:absolute;bottom:calc(-30% - 4.5px);right:calc(105% - 22px);transform:rotate(45deg)}& .front-tool-icon{filter:brightness(.35);width:20%;position:absolute;top:30%;left:-5%;transform:rotate(90deg);& img{width:100%;height:100%}}& .front-name-block{text-align:center;font-family:HG丸ｺﾞｼｯｸM-PRO,HGMaruGothicMPRO;font-size:160%;position:absolute;top:35%;left:22%;& .front-name-ja{font-size:220%}}& .front-info-block{text-align:center;width:90%;font-family:HG丸ｺﾞｼｯｸM-PRO,HGMaruGothicMPRO;font-size:120%;position:absolute;top:70%;left:22%;& ul{list-style:none;& li{display:flex;& .item-name{width:7%}& img{width:4%;height:4%;margin-right:.5%}& .colon{margin:0 1%}}}}& .front-robotarm-icon{width:15.5%;position:absolute;bottom:30%;right:-3%;& img{width:100%;height:100%;transform:rotateY(180deg)rotate(90deg)}}& .front-portofolio{text-align:center;width:16%;font-family:HG丸ｺﾞｼｯｸM-PRO,HGMaruGothicMPRO;font-size:120%;position:absolute;bottom:0%;right:0%;& a{width:100%;& .portofolio-link{color:#3572c2;margin-bottom:-2%}& img{width:100%;height:100%}}}}}@container card (width<=799px){.card-style{font-size:min(1.85vw,3vh)}.front{& .front-card-content{& .front-card-header:after{height:2px}& .front-card-header:before{width:5px;height:5px;bottom:calc(-30% - 1.5px)}& .front-robotarm-icon{bottom:31%}}}}.back{-webkit-transform-origin-x:50%;-webkit-transform-origin-y:-50%;background-color:#fafafa;position:relative;transform:rotateY(180deg)translateY(-100%);& .back-card-char{width:60%;height:60%;position:absolute;top:50%;left:50%;& img{width:100%;height:100%;position:absolute;top:-50%;left:-50%}& #kcat-img2{display:none}}& h1{text-align:center;width:100px;margin:5% auto;font-family:HG丸ｺﾞｼｯｸM-PRO,HGMaruGothicMPRO;font-size:300%}}.slide-animation{width:125px;height:100px;display:none;position:absolute;top:55%;left:50%;& img{width:100%;height:100%;position:absolute;left:-50%}}
/*# sourceMappingURL=index.1daa06de.css.map */