@charset "UTF-8";

body{background:var(--b);overflow: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:30px;text-align:center;border-radius:20px;margin:43px;background:#fff;color:#777}
.frm img{width:100%;height:auto}
.frm p{font-size:18px;line-height:25px}
.frm p.in,.frm img.in{display:inline-block;width:40%;margin:0 5%}
.frm>div{display:inline-block;vertical-align:top}
.frm>div>h2{font-weight:bold;font-size:22px}
.frm>div>p{text-align:left}


@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){
}