.f_body{height:calc(100vh - 176px);display:flex;justify-content:space-around}.f_container{width:60%;background-color:#fff;border-radius:10px;margin-top:20px;margin-bottom:20px;box-shadow:2px;box-shadow:0 5px 20px rgba(0,0,0,.5);display:block;z-index:0;background-image:url(/noa.png);background-position:100% 0;background-size:cover}.f_box{width:10%;margin:2%;display:inline-block;position:relative;overflow:hidden;border-radius:5px}.f_box2{display:flex;justify-content:center;align-items:center;margin:5px}.f_box2:before{content:"";position:absolute;width:50%;height:150%;background-color:aqua;animation:rotate 3s linear infinite;z-index:-2}.f_box2:hover:after{z-index:-3}.f_box2:after{content:"";position:absolute;background-color:#fff;width:100%;height:100%;z-index:-1}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.f_box2:hover:before{display:block}.f_icon{width:100%;height:auto;border-radius:5px}.f_intro{width:30%;background-color:#fff;border-radius:10px;margin-top:20px;margin-bottom:20px;box-shadow:2px;box-shadow:0 5px 20px rgba(0,0,0,.5);display:block;color:#000;background-image:url(/nanami.png);background-size:cover;background-position:60% 0}.i_icon{margin:10% 2% 10% 5%;width:20%;height:auto;display:inline-block}.i_title{color:#79c6cc;margin:0 auto;display:inline-block;vertical-align:middle;width:70%}.i_text,.i_title{font-size:40px;text-align:center;text-shadow:1px 1px 10px #fff}.i_text{color:#5075cd}