@charset "UTF-8";

/* concept */

#company{
	width:100%;
	min-height:1200px;
	background:url(../img/company/common/bg.png) repeat center 0px;
}
#company.noBg{background:url(../img/common/mainBg.png) repeat-x center 0px;}

#company h2{
	margin:0 0 30px 0;
	padding:0;
	text-align: center;
}
#company h3{
	margin:0 0 10px 0;
	padding:0;
	text-align: center;
	color:#005ead;
	font-weight:400;
	font-size:22px;
}
#company #second_contents100 h3, #company #company2nd #seconds h3{margin:0 0 40px 0;}

#company h4{
	margin:0 0 30px 0;
	padding:0 0 15px 0;
	text-align:center;
	font-weight:400;
	font-size:15px;
	border-bottom:1px solid #333;
}

#company p.texts{
	text-align: left;
	margin: 0;
	padding:0 0 20px 0px;
}
#company p.textR{
	text-align: right;
	margin: 0;
	padding:0 0 20px 0;
}



/* main */
#company #main{
	width: 960px;
	margin: 0 auto 30px auto;
	text-align: center;
	clear:both;
}
#company #main p{
	text-align: center;
}



/* menus */
#company #menus{
	width: 960px;
	margin: 0 auto 100px auto;
	text-align: left;
	clear:both;
}

#company #menus #menu_li{
	width:680px;
	float:left;
	margin:0 140px 30px 140px;	
	display:inline-block;

}

#company #menus #menu_li li{
	width: 680px;
	margin: 0 0 10px 0;
	float: left;
	display: block;
	font-weight:400;
	font-size:22px;
}

#company #menus #menu_li li a {
	width: 640px;
	height: 100px;
	line-height: 100px;
	text-indent: 0;
	border:1px solid #005ead;
	padding: 5px 20px 5px 20px;
	display: block;
	color:#005ead;
	text-align:center;
	transition: background-color 0.5s;
	text-decoration:none;
}
#company #menus #menu_li li a:hover{border:1px solid #005ead;color:#fff;background:#005ead;transition: background-color 1s;text-decoration:none;}



/* second */
#company #company2nd{
	width: 760px;
	margin: 0 auto;
	padding: 55px 0 75px 0;
	text-align: left;
	clear:both;
}
#company #company2nd #seconds{
	width: 560px;
	background-color:#fff;
	margin: 0;
	padding: 45px 100px 0 100px;
	min-height:1000px;
}

#company #company2nd #seconds table,
#company #company2nd #seconds table.ver2{
	width: 100%;
	text-align: left;
	margin:0;
	padding:0;
}

#company #company2nd #seconds caption, #company #company2nd #seconds .ver2 caption{
	text-align:right;
}
#company #company2nd #seconds th,
#company #company2nd #seconds .ver2 th{
	width:22%;
	margin: 0;
	padding:0px 0px 30px 0px;
	white-space:nowrap;
	vertical-align:top;
}

#company #company2nd #seconds td {
	width:auto;
	text-align: left;
	padding:0px 0px 30px 0;
	vertical-align:top;
}

#company #company2nd #seconds .ver2 td {
	width:50%;
	text-align: left;
	padding:0px 0px 10px 0px;
	vertical-align:top;
}



/* messageのみ */
#company #company2nd #message,
#company #company2nd #csr,
#company #company2nd #access{
	width: 100%;
	background-color:#fff;
	margin: 0;
	padding: 45px 0 0 0;
	min-height:1000px;
}
#company #company2nd #message #boxx,
#company #company2nd #csr #boxx,
#company #company2nd #access #boxx{
	width: 580px;
	margin: 0;
	padding: 45px 90px 0 90px;
	min-height:900px;
}

#company #company2nd #access div.boxx{
	width: 580px;
	margin: 40px 90px 0 90px;
	padding: 40px 0 0 0;
	border-top: 1px solid #333;
}


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

/* index
--------------------------------------------------------------------------------------*/
#company{
	background-image:none !important;
}

#company h2{
	/*
	margin:0 0 20px 0;
	padding:0;
	text-align: center;
	
	*/
}
#company h3{
	margin:0;
}
#company #second_contents100 h3, #company #company2nd #seconds h3{margin:0 0 40px 0;}

#company h4{
	margin:0 0 30px 0;
	padding:0 0 15px 0;
	text-align:center;
	font-weight:400;
	font-size:15px;
	border-bottom:1px solid #333;
}

#company p.texts{
/*
	text-align: left;
	margin: 0;
	padding:0 0 20px 0px;*/
}
#company p.textR{
	/*
	text-align: right;
	margin: 0;
	padding:0 0 20px 0;
*/
}



/**/
#company #main{
	width:90%;
	margin: 0 5% 10% 5%;
}


/**/
#company #menus{
	width: 90%;
	padding:10% 5% 10% 5%;	
/*
	background:url(../img/index/can.png) repeat center top;
	background-size:cover;
	color:#fff;*/
	margin: 0;
	clear:both;
	text-align: center;
}


#company #menus #menu_li{
	width:100%;
	margin:0 0 30px 0;	
	display:inline-block;
}

#company #menus #menu_li li{
	width: 100%;
	margin: 0 0 10px 0;
	float: left;
	display: block;
	font-weight:400;
	font-size:1.6rem;
}

#company #menus #menu_li li a {
	width: 80%;
	height: 100px;
	line-height: 100px;
	text-indent: 0;
	border:1px solid #005ead;
	padding: 2% 10% 2% 10%;
	display: block;
	color:#000;
	text-align:center;
	transition: background-color 0.5s;
	text-decoration:none;
}
#company #menus #menu_li li a:hover{border:1px solid #005ead;color:#fff;background:#005ead;transition: background-color 1s;text-decoration:none;}



/* second */
#company #company2nd{
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: left;
	clear:both;
}

#company #company2nd #seconds,
#company #company2nd #message,
#company #company2nd #csr,
#company #company2nd #access{
	width: 90%;
	margin: 0 5% 10% 5%;
	background-color:#fff;
	padding: 0;
	min-height:inherit;
}

#company #company2nd #seconds table,
#company #company2nd #seconds table.ver2{
	width: 100%;
	text-align: left;
	margin: 0;
	float:left;
	font-size:0.8rem;
}

#company #company2nd #seconds caption, #company #company2nd #seconds .ver2 caption{text-align:right;}
#company #company2nd #seconds th,
#company #company2nd #seconds .ver2 th{
	width: 100% !important;
	margin: 0;
	padding: 1% 0 1% 0;
	border-bottom:none !important;
	vertical-align:top;
	display: block;
	word-break: break-all !important;
	white-space: normal !important;
}

#company #company2nd #seconds td {
	width: 100% !important;
	text-align: left;
	border-bottom:1px dotted #ccc;
	 margin:0 0 3% 0;
	 padding:0 0 3% 0;
	display: block;
	clear:both;
}

#company #company2nd #seconds .ver2 td {
	width: 100% !important;
	text-align: left;
	 margin:0 0 2% 0;
	 padding:0 0 2% 0;
	display: block;
	clear:both;
	border-bottom:none;
}

#company #company2nd #message #boxx,
#company #company2nd #csr #boxx,
#company #company2nd #access #boxx{
	width: 100%;
	margin: 0;
	padding: 0;
	min-height:inherit;
}
#company #company2nd #access div.boxx{
	width: 100%;
	margin: 5% 0 5% 0;
	padding: 5% 0 5% 0;
	min-height:inherit;
}
img.widSp{ width:50%;}
#company #company2nd #access iframe{
	margin-bottom:5%;
}

}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
}