@charset "UTF-8";

#h2_title{
	width: 100%;
	background: url(../img/company/company_head_01.jpg);
	background-position-y: 20% !important;
	background-size: contain !important;
	background-repeat: no-repeat;
}

/*-----------------------------------
	company
-----------------------------------*/

#company {
	padding:50px 0 0;
}
#company h3.h3_style{
    font-size: 30px;
    font-size: 3.0rem;
    font-weight: 500;
    color: #1c6dc9;
    letter-spacing: 0.05rem;
    position: relative;
    margin-bottom: 40px;
	line-height: 1.2em;
}
#company h3.h3_style:before {
    content: "";
    width: 90px;
    height: 4px;
    background: #1c6dc9;
    position: absolute;
    top: -20px;
}
#company dl { 
	margin-bottom:80px;
}

#company dt {
	float:left; 
	clear:both;
	border-top: 1px solid #efefef;
	width:20%;
	padding: 2%;
	font-weight:bold;
	line-height: 1.1em;
}
#company dd {
	display: block;
	margin: 0 0 0 24%;
	padding: 2%;
	line-height: 1.1em;
	border-top: 1px solid #efefef;
	width:72%;
}
#company dt:first-child,
#company dd:first-of-type { 
	border-top: 0 none transparent;
}
#company .ggmap {
	margin-bottom:80px;
}
#company ul{
	margin-bottom:50px;
}
#company ul li{
	float:left;
	margin-right:35px;
	margin-bottom:30px;
	background:#E5E5E5;
	padding:5px;
}
#company ul li:nth-of-type(3n){
	margin-right:0;
}
#company dl.question dt {
	float: none !important; 
	width:100%;
	padding: 10px;
	font-weight:bold;
	line-height: 1.1em;
	background:#efefef;
	font-size: 18px;
	font-size: 1.8rem;
}
#company dl.question dt:before{
	content:"Q.";
	font-size:30px;
	font-size:3.0rem;
	color: #1c6dc9;
	line-height: 1.1em;
	margin-right:5px;
	
}
#company dl.question dd {
	display: block;
	margin: 0;
	padding: 10px;
	line-height: 1.8em;
	width:100%;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 210%;
}
#company dl.question dd:before{
	content:"A.";
	font-size:30px;
	font-size:3.0rem;
	color: #D10003;
	margin-right:5px;
	font-weight:bold;
	line-height: 1.1em;
}
#company dl.question dd img.left, #company dl.question dd img.right{
	width:280px;
	margin:0 20px;
}
#company dl.question dd:last-child img {
	margin-top:20px;
}

#company .manager {	
}
#company .manager .right {
	margin: 0 0 20px 20px;
}
#company .manager p {
	margin-top: 20px;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 210%;
}
#company .manager p.name {
	text-align: right;	
}

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

	#company .ggmap iframe {
		width: 100%;
	}
	#company ul {
		width: 100%;
		padding: 0 6%;
	}
	#company ul li {
		width: 42%;
		margin-right: 4%;
		box-sizing: border-box;
	}
	#company ul li:nth-of-type(3n) {
		margin-right: 4%;
	}
	#company ul li:nth-child(2n) {
		margin-right: 0;
	}

#company dl.question dt {
	width:95%;
	padding: 10px;
}
#company dl.question dd {
	width:95%;
}

}

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

	#company {
		padding:8% 0;
	}
	#company h3.h3_style{
		font-size: 20px;
		font-size: 2.0rem;
		margin-bottom: 8%;
	}
	#company h3.h3_style:before {
		width: 70px;
		height: 3px;
		top: -15px;
	}
	#company dl { 
		margin-bottom:20%;
		border: 1px solid #CCC;
	}
	#company dt {
		float:none; 
		clear:none;
		width:96%;
		font-weight:bold;
		background:#F3F3F3;
	}
	#company dd {
		display: inline-block;
		margin:0;
		width:96%;
		border-left:none;
	}
	#company dd:first-of-type { 
		/*border-top: 1px solid #CCC;*/
	}
	#company .ggmap {
		position: relative;
		padding-bottom: 65%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
		margin-bottom:20%;
	}
	#company .ggmap iframe, #company .ggmap object, #company .ggmap embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	#company ul {
		padding: 0;
	}
	#company ul li{
		float:left;
		margin:0 4% 4% 0;
		width:48%;
		padding:1%;
	}
	#company ul li:nth-of-type(3n){
		margin:0 4% 4% 0;
	}
	#company ul li:nth-of-type(2n){
		margin-right:0 !important;
	}
	#company dl.question,#company dl.question dt,#company dl.question dd { 
		box-sizing:border-box;
	}
	#company dl.question dt:first-child {
		margin-top:0;
	}
	#company dl.question dt {
		width:100%;
		padding: 2%;
		margin-top:20px;
		background:#efefef;
		position:relative;
		height:3.1em;
	}
	#company dl.question dt span{
		display:block;
		padding-left:35px;		
	}
	#company dl.question dt:before{
		font-size:26px;
		font-size:2.6rem;
		position: absolute;
		top:5px;
		left:5px;
	}
	#company dl.question dd {
		width:100%;
		padding: 4%;
		padding-top:35px;
		position:relative;
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 160%;
	}
	#company dl.question dd:before{
		font-size:26px;
		font-size:2.6rem;
		position: absolute;
		top:5px;
		left:6px;
	}
	#company dl.question dd img.left, #company dl.question dd img.right{
		width:100%;
		margin:0;
		margin-bottom:10px;
		float:none !important;
	}
	#company dl.question dd:last-child img {
		margin-top:10px;
	}

	#company .manager {	
	}
	#company .manager .right {
		float: none !important;
		margin: 0;
		text-align: center;
	}
	#company .manager p {
		margin-top: 20px;
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 160%;
	}
	#company .manager p.name {
		text-align: right;	
	}

}