@charset "utf-8";

/* **************************************************

Name: contact.css

Description: 
Subpage Contact Settings for Responsive Web Design

Create: 2020.05
Update: 

Copyright 2015 Hitachi, Ltd. 

***************************************************** */

div.BoxPatternA.Case,
div.BoxPatternA.Service{
	margin: 0 0 10%;
}

div.BoxPatternA.Library {
	margin: 5% auto;
	max-width: 720px;
}


/*@media screen and (max-width: 1024px)
=======================================================================*/
@media screen and (max-width: 1024px) {
.JS div.BoxPatternA.Library {
	margin: 5% 16%;
}
}
/*@media screen and (max-width: 994px)
=======================================================================*/
@media screen and (max-width: 994px) {
	
	.JS #Contents img{
	max-width: 90%;	
	}
	
	.JS div.BoxPatternA.Case p.CenterAdjust,
	.JS div.BoxPatternA.Service p.CenterAdjust{
	font-size: 100%;
}

	.JS div.BoxPatternA.Case .ImgOnlyStyle.CenterAdjust,
	.JS div.BoxPatternA.Service .ImgOnlyStyle.CenterAdjust{
    margin: 10px 0 0 10px;
    width: 50%;
}
	
	.JS div.BoxPatternA.Library {
	margin: 5%;
}
	

	
    
}
/*@media screen and (max-width: 767px)
=======================================================================*/
@media screen and (max-width: 767px) {
	
	.JS div.BoxPatternA.Case,
	.JS div.BoxPatternA.Service{
	margin:  0 5% 10%;
	}
	
	.JS div.BoxPatternA.Case p.CenterAdjust,
	.JS div.BoxPatternA.Service p.CenterAdjust{
	font-size: 150%;
	}
	
	.JS div.BoxPatternA.Case .ImgOnlyStyle.CenterAdjust,
	.JS div.BoxPatternA.Service .ImgOnlyStyle.CenterAdjust{
    margin: 10px 0;
    width: 100%;
	}
	
	.JS div.BoxPatternA.Library {
	margin: 5%;
}
	
	

}

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

/* for 399px
=========================================================================================== */
@media screen and (max-width: 399px) {
	.JS div.BoxPatternA.Library {
	font-size: 110%;
}
	
	.JS div.BoxPatternA.Case p.CenterAdjust, .JS div.BoxPatternA.Service p.CenterAdjust {
		font-size: 115%;}

}