@media screen and (max-width: 768px) {
body {
	font-size: 14px;

}

.tpv22, .tpv2, .grim2 {
    width: 98%;

}

.tpv22 ul{
    width: 100%;
}


.tpv22 ul li a {
    margin: 0px 5px;
    padding: 0px 5px;
}

.tpv3{
    width: 100%;
    height:45px;
}


.grim{
	width:100%;
}

.grim2{
	width:100%;
}

.rim{
	width:calc(100% - 170px);
	max-width:200px;
}

.search {
    float: right;
    margin: 10px 0px 0 0;
}

.searchform {
	width:calc(100% - 14px);
}

.grim2 img{
	max-width:100%;
	height:auto;
}

.logo img{
	margin-top: 2px;
	width:150px;

}

a.logo{
	float:left;
	display:block;
	width:auto;
	height:43px;

}
h1 {
    font-size: 15px;
    margin: 5px 0 0 0;
}

.tit1 {
    padding-bottom: 1px;
}

.mtable {
    margin: 2px auto 2px;
    padding: 0px 5px;
    font-size:14px;
}

 .grim2 img{
    max-width:100%;
    height:auto;
    }

		ul, ol{
			padding-left:20px;
		}


}