@charset "utf-8";
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/
#main .bgBox {
	margin-bottom: 133px;
	padding: 0 0 86px;
	background: url(../img/company/bg01.jpg) center top;
	background-size: cover;
}

#main .content {
	padding-left: 5px;
	width: 940px;
	box-sizing: border-box;
}

#main .h2Ttl {
	margin-bottom: 111px;
	font-size: 97px;
	color: #FFF;
	letter-spacing: 26px;
}

#main .logo {
	margin-bottom: 153px;
	text-align: center;
}

#main .logo a:hover {
	opacity: 0.7;
}

#main .sec01 {
	margin-bottom: 87px;	
	padding: 38px 50px 100px 61px;
	background-color: #FFF;
}

#main .h3Ttl {
	margin-bottom: 34px;
	color: #15203F;
	font-size: 18px;
	text-align: center;
	letter-spacing: 4px;
}

#main .sec01 .dlList {
	margin: 0 2px 54px 3px;
	font-size: 14px;
	font-family:"游ゴシック体", "Yu Gothic", YuGothic, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	border-top: 1px solid #BFBFBF;
}

#main .sec01 .dlList dt {
	padding: 9px 0;
	float: left;
	font-weight: bold;
}

#main .sec01 .dlList dd {
	padding: 9px 0 8px 8.3em;
	border-bottom: 1px solid #BFBFBF;
}

#main .sec01 .dlList dd a {
	text-decoration: none;
}

#main .sec01 .phoList {
	margin-top: -28px;
}

#main .sec01 .phoList li {
	margin-top: 28px;
	float: left;
}

#main .sec01 .phoList li:nth-child(2n) {
	float: right;
}

#main .sec02 {
	padding: 56px 68px 52px;
	background-color: #FFF;
}

#main .sec02 .h3Ttl {
	margin-bottom: 64px;
}

#main .sec02 .ttl {
	margin-bottom: 76px;
	font-size: 38px;
	text-align: center;
	letter-spacing: 1px;
}

#main .sec02 .comPho {
	margin-bottom: 87px;
}

#main .sec02 h4 {
	margin-bottom: 26px;
	font-size: 30px;
	text-align: center;
	letter-spacing: 3px;
}

#main .sec02 .text {
	margin-bottom: 47px;
	font-size: 14px;
	font-family:"游ゴシック体", "Yu Gothic", YuGothic, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height: 2;
}

#main .sec02 .videoBox .video {
	margin-bottom: 17px;
}

#main .sec02 .videoBox .video video {
	width: 100%;
	vertical-align: top;
}

#main .sec02 .videoBox .name {
	font-size: 20px;
}

#main .sec02 .videoBox .name span {
	margin-left: 10px;
	font-size: 26px;
}

@media screen and (max-width: 767px) {
	#main .bgBox {
		margin-bottom: 70px;
		padding: 13px 0 55px;
		background-image: url(../img/company/sp_bg01.jpg);
	}
	
	#main .content {
		padding-left: 0;
		margin: 0 29px 0 31px;
		width: auto;
	}
	
	#main .h2Ttl {
		margin-bottom: 33px;
		font-size: 43px;
		letter-spacing: 12px;
	}
	
	#main .logo {
		margin-bottom: 67px;
	}
	
	#main .logo img {
		margin: 0 auto;
		width: 89px;
	}
	
	#main .sec01 {
		margin-bottom: 35px;	
		padding: 19px 20px 20px;
	}
	
	#main .h3Ttl {
		margin-bottom: 18px;
		font-size: 10px;
		letter-spacing: 3px;
	}

	#main .sec01 .dlList {
		margin-bottom: 18px;
		font-size: 9px;
	}
	
	#main .sec01 .dlList dt {
		padding: 5px 0;
	}
	
	#main .sec01 .dlList dd {
		padding: 6px 0 4px 7.6em;
	}
	
	#main .sec01 .phoList {
		margin: -7px 2px 0;
	}
	
	#main .sec01 .phoList li {
		margin-top: 7px;
		width: 48.53%;
	}
	
	#main .sec01 .phoList li img {
		width: 100%;
	}
	
	#main .sec02 {
		padding: 20px 15px 15px;
	}
	
	#main .sec02 .h3Ttl {
		margin-bottom: 19px;
		letter-spacing: 0;
	}
	
	#main .sec02 .ttl {
		margin-bottom: 18px;
		font-size: 16px;
		letter-spacing: 2px;
	}
	
	#main .sec02 .comPho {
		margin: 0 -20px 30px -15px;
	}
		
	#main .sec02 .pho img {
		width: 100%;
	}
	
	#main .sec02 h4 {
		margin-bottom: 21px;
		font-size: 14px;
		line-height: 1.8;
		letter-spacing: 0;
	}

	#main .sec02 .text {
		margin: 0 7px 20px;
		font-size: 12px;
		line-height: 1.79;
	}

	#main .sec02 .videoBox .video {
		margin-bottom: 10px;
		padding: 15px 0;
		width: 100%;
		background: #000;
	}

	#main .sec02 .videoBox .video img {
		width: 100%;
	}
	
	#main .sec02 .videoBox .name {
		font-size: 11px;
	}
		
	#main .sec02 .videoBox .name span {
		margin-left: 10px;
		font-size: 15px;
	}
}