@charset "utf-8";
/* ==========================================================
	スマホ 640px以下
========================================================== */

@media (max-width: 640px) {
	

/* ===========================
	/company/profile.html
==============================*/


#company .tblArea table .sp_none {display: none;}
#company .tblArea table .sp {display: table-cell;}


/*　----会社概要テーブル----　*/


#company .tblArea table th {
	width: 20%;
}
#company .tblArea table th span {
	width: 83%;
	padding-right: 7%;
}
#company .tblArea table .gray .tdWidth {
	width: 40%;
}
#company .tblArea table .gray .worksName {
	display: block;
}

.position {
	width: 50%;
	display: inline-block;
}


.worksName {
       width: 70%;
	display: block;
}

.worksName2 {
       width: 100%;
	display: block;
}


/* ==========================================================
	/company/philosophy.html
========================================================== */

#company.philosophy .section .subtitle {
	font-size: 150%;
	margin-bottom: 10px;
}

/*　----ご挨拶----　*/

#company.philosophy .greetings .leftArea {
	width: 100%;
	float: none;
	margin: 0 0 20px;
	padding: 0;
}
#company.philosophy .greetings .rightArea {
	width: 78%;
	float: none;
	padding: 7% 6% 6%;
	margin: 0 auto;
}
#company.philosophy .greetings .rightArea .logo {
	margin: 0 auto 8%;
}
#company.philosophy .greetings .rightArea .blueFont {
	font-size: 120%;
	text-align: center;
	margin-bottom: 5px;
}

/*　----企業理念と行動規範----　*/

#company.philosophy .principles .leftArea {
	width: 100%;
	float: none;
	margin-right: 0;
}
#company.philosophy .principles .rightArea {
	width: 100%;
	float: none;
}
#company.philosophy .principles .rightArea dl dt {
	font-size: 130%;
	font-weight: bold;
	padding: 4px 0 4px 35px;
}
#company.philosophy .principles .rightArea dl dt.dt01 {
	background: url(/images/company/philosophy_no01.gif) 0 no-repeat;
	background: url(/images/company/philosophy_no01_ie8.gif) 0 no-repeat\9;
	-moz-background-size: 27px;
	background-size: 27px;
}
#company.philosophy .principles .rightArea dl dt.dt02 {
	background: url(/images/company/philosophy_no02.gif) 0 no-repeat;
	background: url(/images/company/philosophy_no02_ie8.gif) 0 no-repeat\9;
	-moz-background-size: 27px;
	background-size: 27px;
}
#company.philosophy .principles .rightArea dl dt.dt03 {
	background: url(/images/company/philosophy_no03.gif) 0 no-repeat;
	background: url(/images/company/philosophy_no03_ie8.gif) 0 no-repeat\9;
	-moz-background-size: 27px;
	background-size: 27px;
}
#company.philosophy .principles .rightArea dl dt.dt04 {
	background: url(/images/company/philosophy_no04.gif) 0 no-repeat;
	background: url(/images/company/philosophy_no04_ie8.gif) 0 no-repeat\9;
	-moz-background-size: 27px;
	background-size: 27px;
}
#company.philosophy .principles .rightArea dl dt.dt05 {
	background: url(/images/company/philosophy_no05.gif) 0 no-repeat;
	background: url(/images/company/philosophy_no05_ie8.gif) 0 no-repeat\9;
	-moz-background-size: 27px;
	background-size: 27px;
}
#company.philosophy .principles .rightArea dl dt.dt06 {
	background: url(/images/company/philosophy_no06.gif) 0 no-repeat;
	background: url(/images/company/philosophy_no06_ie8.gif) 0 no-repeat\9;
	-moz-background-size: 27px;
	background-size: 27px;
}


/* ==========================================================
	/company/access.html
========================================================== */
/*
#company.access #gmap {
	width: 100%;
	height: 300px;
}

#company.access iframe {
	width: 100%;
	height: 300px;
}
*/
/* ==========================================================
	/company/access.html
========================================================== */

#company.deal .tblArea table .leftSideText {
	display: block;
	width: 100%;
}
#company.deal .tblArea table th {width: 40%;}
#company.deal .tblArea table th span {
	padding-right: 7%;
	width: 83%;
}

/* ==========================================================
	/company/sales.html
========================================================== */

#company.sales .section {
	margin-top: 0px;
}
#company.sales table.detail th,
#company.sales table.detail td {
	padding: 10px 2px;
}

/* ==========================================================
	/company/history.html
========================================================== */

.history .section {
	margin: 0;
}
table.history th{
	width: 20%;
}
table.history th,
table.history td{
	padding: 5px;
}
table.history td dl dt {
	width: 20%;
	float: left;
	font-weight: bold;
}
table.history td dl dd {
	width: 70%;
	float: left;
}

.section table.history td dl {
	padding: 5px 0;
}








}/* ▲max-width: 640px end▲*/


.privacyText {
	overflow: auto;
	height: 80px;
	border: 1px solid #cccccc;
	margin: 10px 0px 15px 0px;
	padding: 10px;
}