@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,400italic,500,500italic,700,700italic,900italic,900);

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

company

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

.company #contents_main{
	margin-top:40px;
}
.company section{
	padding-bottom:50px;
}
.company #map{
	margin-bottom:10px;
}

@media screen and (max-width: 767px) {
.company #contents_main{
	margin-top:60px;
}
.company section{
	padding-bottom:30px;
}
}


/*************************************************************
h1
*************************************************************/
.company h1{
	display:block;
	background:url(/company/img/h1/company_h1.gif) top right no-repeat;
	text-indent:-99999px;
	height:40px;
	padding:0;
	margin:0 0 40px 0;
	}

.company h2{
	display:block;
	text-indent:-99999px;
	height:30px;
	padding:0;
	margin:0 0 24px 0;
	}
.company h2.outline{
	background:url(/company/img/h2/company_h2_outline.gif) top left no-repeat;
	}
.company h2.access{
	background:url(/company/img/h2/company_h2_access.gif) top left no-repeat;
	}
	
@media screen and (max-width: 767px) {
.company h1{
	display:block;
	background:url(/company/img/h1/company_h1_SP.gif) top center no-repeat;
	text-indent:-99999px;
	height:25px;
	padding:0;
	margin:0 0 20px 0;
}

.company h2{
	display:block;
	text-indent:-99999px;
	height:25px;
	padding:0;
	margin:0 0 8px 0;
}
.company h2.outline{
	background:url(/company/img/h2/company_h2_SP_outline.gif) top left no-repeat;
}
.company h2.access{
	background:url(/company/img/h2/company_h2_SP_access.gif) top left no-repeat;
}
}	
	
/* @2x Images (Pixel Ratio of 1.25+) */
@media only screen and (-o-min-device-pixel-ratio: 5/4) and (min-width: 768px),
only screen and (-webkit-min-device-pixel-ratio: 1.25) and (min-width: 768px),
only screen and (min-device-pixel-ratio: 1.25) and (min-width: 768px),
only screen and (min-resolution: 1.25dppx) and (min-width: 768px) {
.company h1{
	background-image:url(/company/img/h1/company_h1@2x.gif);
	background-size:960px 40px;
}
.company h2.outline{
	background-image:url(/company/img/h2/company_h2_outline@2x.gif);
	background-size:960px 30px;
	}
.company h2.access{
	background-image:url(/company/img/h2/company_h2_access@2x.gif);
	background-size:960px 30px;
	}		
}

/* @2x Images (Pixel Ratio of 1.25+) */
@media only screen and (-o-min-device-pixel-ratio: 5/4) and (max-width: 767px),
only screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 767px),
only screen and (min-device-pixel-ratio: 1.25) and (max-width: 767px),
only screen and (min-resolution: 1.25dppx) and (max-width: 767px) {
.company h1{
	background-image:url(/company/img/h1/company_h1_SP@2x.gif);
	background-size:300px 25px;
}
.company h2.outline{
	background-image:url(/company/img/h2/company_h2_SP_outline@2x.gif);
	background-size:300px 25px;
}
.company h2.access{
	background-image:url(/company/img/h2/company_h2_SP_access@2x.gif);
	background-size:300px 25px;
}
}



/*************************************************************
float_common companyだけ
*************************************************************/
table.float-common{
	line-height: 1.8em;
}

table.float-common th{
	padding-bottom: 40px;
}
table.float-common td{
	padding-bottom: 40px;
}

table.float-common td .pMark_wrap,
table.float-common td .logoFree_wrap{
	display: flex;
	justify-content: flex-start;
	flex-flow: wrap;
	align-items: center;
}

table.float-common td .pMark_wrap{
	margin-top: 30px;
}
table.float-common td .logoFree_wrap{
	margin-top: 20px;
}

table.float-common td .pMark_wrap figcaption,
table.float-common td .logoFree_wrap figcaption{
	width: 210px;
}

table.float-common td .pMark_wrap .pMark,
table.float-common td .logoFree_wrap .logoFree{	
	margin-left: 20px;
	width: 85px;
	text-align: center;
}

table.float-common td .pMark_wrap .pMark img{
	width: 85px;
	height: auto;
}
table.float-common td .logoFree_wrap .logoFree img{
	width: 75px;
	height: auto;
}



@media screen and (max-width: 767px) {
table.float-common th{
	padding:15px 2px 5px 2px;
	
}
table.float-common td{
	padding:0px 2px 15px 2px;
}
table.float-common td .pMark_wrap{
	margin-top: 20px;
}
table.float-common td .pMark_wrap figcaption,
table.float-common td .logoFree_wrap figcaption{
	width: 190px;
}
table.float-common td .pMark_wrap .pMark,
table.float-common td .logoFree_wrap .logoFree{	
	margin-left: 10px;
	width: 75px;
}
table.float-common td .pMark_wrap .pMark img{
	width: 75px;
}
table.float-common td .logoFree_wrap .logoFree img{
	width: 65px;
}
}