
.messageThumbs{
    width: 900px;
    margin: 0 auto 30px;
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    column-gap: 10px;
    row-gap: 10px;
}
@media screen and (max-width: 750px) {
.messageThumbs{
    width: auto;
    margin: 0 20px 30px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 10px;
    row-gap: 10px;
}

}


.whiteBox h2{ font-size: 26px; font-weight: 400; margin-bottom: 25px;}


.crmBox {
    display: table;
    margin-bottom: 0;
    width: 100%;
    margin: 0;
    overflow:hidden;
	box-sizing:border-box;
}
.crmBox .imgBox {
    display: table-cell;
    width: 270px;
    min-width: 200px;
    vertical-align: top;
    padding:0 30px 0 0;
	box-sizing:border-box;
}
.crmBox .txtBox {
    display: table-cell;
    width: auto;
	box-sizing:border-box;
}
.crmBox .txtBox p{width:auto;margin:0;}
.crmBox .imgBox img {
    max-width: 100%;
    height: auto;
	box-sizing:border-box;
    
}

.crmBox .txtBox p{width: auto; font-size: 14px;}
.whiteBox h2 span{ font-size:70%; padding-right:10px;}
.crmBox .txtBox h3{font-size: 150%; color: #666; margin-bottom: 10px;}

@media screen and (max-width: 750px) {


.crmBox {
    display: block;
    margin-bottom:0;
    width: auto;
    margin:0 auto 0;
    max-width:auto;
    overflow:hidden;
}
.crmBox .imgBox {
    display:block;
    width: auto;
    min-width: auto;
    vertical-align: top;
    padding:0 0 30px 0;
}
.crmBox .txtBox {
    display: block;
    width: auto;
}
.crmBox .txtBox p{width:auto;margin:0; font-size: 24px;}
.crmBox .imgBox img {
    max-width: 100%;
    height: auto;
    width:100%;
    margin-bottom:20px;
}

}



.whiteBox{max-width:800px;margin:0 auto 50px;padding:25px; border: 1px solid #ccc;}

dl.hashira{
	margin-bottom:20px;
    max-width: 700px;
    margin: 0 auto 50px;
	}
dl.hashira dt{ font-size:200%; font-family: "Shippori Mincho", serif;text-align:left;padding: 30px; text-align: center;}
dl.hashira dd{}	
	

@media screen and (max-width: 750px) {
    dl.hashira dd{font-size: 24px;}
    .whiteBox{max-width:auto;margin:0 0 30px;padding:50px;}
    .whiteBox h2{font-size: 30px;}

}

.gMapArea h3{ font-size:140%; text-align:center; margin-bottom: 0.8em;}








@media(max-width:750px){



}







@media(max-width:750px){



}







@media(max-width:750px){



}







@media(max-width:750px){



}







@media(max-width:750px){



}







@media(max-width:750px){



}







@media(max-width:750px){



}







@media(max-width:750px){



}







@media(max-width:750px){



}







@media(max-width:750px){



}







@media(max-width:750px){



}







@media(max-width:750px){



}







@media(max-width:750px){



}







@media(max-width:750px){



}




