@charset "UTF-8";

html{background:var(--b)}
body{background:var(--b) url(https://hlvx.net/img/waves.svg) no-repeat 50% 60px;background-attachment:fixed;overflow:auto;background-size:1440px;text-align:center;max-width:1440px;margin:0 auto}
#hello{padding:40px 0 0}
h1{font-size:23px;font-weight:normal;font-style:italic;margin:-10px 0 60px;padding:0;color:var(--v)}
.frm{padding:0 0 20px;text-align:center;border-radius:20px;margin:43px;background:#fff;color:#777;overflow:hidden;display:inline-block;vertical-align:top;max-width:320px;box-shadow:0 0 3px #0000003b;height:400px}
.frm.xl{max-width:750px}
.frm img{width:100%;height:auto}
.frm p{font-size:18px;line-height:25px;margin:20px 30px}
.frm>div.in,.frm img.in{display:inline-block;vertical-align:top;width:40%;margin:0 5%}
.frm img.in{width:40%;margin:60px 1% 60px 9%}
.frm>div.in{padding:10% 0 0}
.frm>div>div{width:230px;display:inline-block;vertical-align:top;padding:10px 0 0;border-right:1px solid #ddd}
.frm>div>div:last-of-type{border:none}
.frm>div>div>h2{font-weight:bold;font-size:22px;color:var(--b);margin:0px 30px}
.frm>div>div>div.img{width:100%;height:40px;background-size:auto 100%}
.frm>div>div a{color:#bbb}

#frm5.frm img.in{width:32%;margin:30px 1% 30px 9%}
#frm5.frm>div.in{width:46%}
#frm7{max-width:1160px;padding-top:30px;height:470px}
#frm7.frm p{margin-bottom:40px}
#frm11.frm>div.in{padding:5% 0 0}
#frm11.frm img.in{margin:50px 1% 50px 9%}

.img.brs{background:url(https://hlvx.net/img/icons/brainstorm.svg) no-repeat 50%;background-size:100%}
.img.vte{background:url(https://hlvx.net/img/icons/vote.svg) no-repeat 50%}
.img.mmo{background:url(https://hlvx.net/img/icons/note.svg) no-repeat 50%}
.img.tbk{background:url(https://hlvx.net/img/icons/split.svg) no-repeat 50%}
.img.dbt{background:url(https://hlvx.net/img/icons/debate.svg) no-repeat 50%}
.img.act{background:url(https://hlvx.net/img/icons/task.svg) no-repeat 50%}

@media screen and (min-width:1350px){
}

@media screen and (max-width:1300px) and (min-width:1150px){
}

@media screen and (max-width:1200px){
}

@media screen and (max-width:1150px){
}

@media screen and (min-width:1000px){
}
@media screen and (max-width:1000px){
}

@media screen and (min-width:900px){
}

@media screen and (max-width:900px){
}
@media screen and (max-width:850px){
}

@media screen and (max-width:800px){
}
@media screen and (max-width:750px){
}
@media screen and (max-width:700px){

}
@media screen and (max-width:750px){
}

@media screen and (max-width:750px) and (min-width:650px){
}

@media screen and (max-width:650px) and (min-width:500px){
}

@media screen and (max-width:650px){
}

@media screen and (max-width:500px),only screen and (min-device-width :375px) and (max-device-width :667px) and (orientation :portrait){
}

@media screen and (max-width:430px){
}

@media screen and (max-width:400px){
}