@charset "utf-8";
#category {
	clear: both;
}

#category span {
	display: none
}

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

#category img {
	width: 100%;
	height: auto;
}

}

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

#category img {
	display: none;
}
#category {
	width: calc(100% - 10px);
	height: 85px;
	margin: 10px auto 15px;
	box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.3);
	border-radius: 3px;
	border: 2px solid #FFF;
	background: #205DAE
}
#category span {
		display: block;
	padding: 12px 10px 0 10px;
	color: #FFF;
	font-size: 140%;
}
#category span em {
		display: block;
	padding: 0 0 0 5px;
	color: #FFF;
	font-size: 60%;
}
}
/********************************************************

	cp01  /company/index.html

********************************************************/
#cp01 #policy {
	padding: 32px 0 0 34px;
	background: url(../company/img/cp01_policy_bg.jpg) no-repeat left top;
	height: 399px;
}
#cp01 #policy h1 img {
	width: 40vw;
	height: auto;
}
#cp01 #policy p {
	margin-top: 29px;
}

#cp01 #company {
	/*background: url(../company/img/cp01_company_bg.gif) no-repeat left bottom;*/
	
	margin-top: 20px;
}

#cp01 .comBox {
	width: 305px;
	background: linear-gradient(180deg, #FFF, #F0F5FB);
	border: 1px solid #BDD9FE;
	border-radius: 6px;
}

#cp01 .comBox h2 {
	background: url(../../img/tp01_cttl_bg2.gif) no-repeat right;
	height: 28px;
	padding: 13px 0 0 13px;
	border-radius: 5px;
}

#cp01 .comBox p {
	padding: 0 13px;
}

#cp01 p.comImg {
	background: url(../../img/tp01_img_bg2.gif) no-repeat right;
	margin-bottom: 8px;
	background-size: contain
}

#cp01 .comBox ul {
	padding: 10px 13px;
}

#cp01 .comBox li {
	float: left;
	margin-right: 20px;
	background: url(../img/arrow_01.gif) no-repeat left 3px;
	padding-left: 18px;
}

@media screen and (max-width:910px) {
#cp01 #policy {
	padding: 0 0 68.4% 0;
	background: url(../company/img/cp01_policy_bg.jpg) no-repeat left top;
	height: 0;
	width: 100%;
	background-size: contain
}
#cp01 #policy h1 {
	padding: 30px 0 0 30px;
}
#cp01 #policy h1 img {
	width: 60vw;
	height: auto;
}
#cp01 #policy p {
	padding: 0 0 0 30px;
}
	#cp01 #policy p img {
	width: 70vw;
	height: auto;
}
	#cp01 #company {
	width: calc(100% - 18px);
	background: #f2f1e8;
	background-size: cover;
	padding: 0 9px 9px;
	border-top: 9px solid #f1f1e7;
	display: flex;
	flex-wrap: wrap;
	justify-content: center
	
}	
#cp01 .comBox {
	width: calc(49% - 2px);

}
	#cp01 .comBox:first-child {
	margin-right: 10px
}
#cp01 p.comImg img {
	width: 100%;
	height: auto;
}

}

@media screen and (max-width:630px) {
#cp01 #policy h1 {
	padding: 15px 0 0 0;
	width: 96%;
	margin: 0 auto;
}
	
#cp01 #policy h1 img {
	width: 100%;
	height: auto;
}
#cp01 #policy p {
	padding: 15px 0 0 0;
	width: 96%;
	margin: 0 auto;
}
	
#cp01 #policy p img {
	width: 100%;
	height: auto;
}
	
#cp01 #company {
	width: calc(100% - 18px);
	background: #f2f1e8;
	background-size: cover;
	padding: 0 9px 9px;
	border-top: 9px solid #f1f1e7;
	display: block;
	flex-wrap: wrap;
	justify-content: space-between
	
}	

#cp01 .comBox {
	width: 100%;
	position: relative;
	margin: 0 auto 10px;
}	
	
	#cp01 .comBox:first-child {
	margin: 0 auto 10px
}

	
#cp01 .comBox h2 {
	background: url(../../img/tp01_cttl_bg2.gif) no-repeat right;
	
	width: calc(100% - 12px);
	/*height: 13.2vw;*/
	padding: 13px 0 0 12px;
	background-size: cover;
	position: relative;
}	
}

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

	cp02  /company/profile.html

********************************************************/
#cp02 #main div {
	margin-top: 30px;
	background: url(../img/dot_gray.gif) repeat-x left top;
	padding-top: 1px;
}

#cp02  #main div table {
	width: 100%;	
}

#cp02  #main div th {
	background: url(../img/dot_gray.gif) repeat-x left bottom #f5f8fd;
	padding: 12px 14px;
	width: 28%;
	font-weight: bold;
	vertical-align: top;
	white-space: nowrap
}

#cp02  #main div th span {
	background: url(../company/img/cp02_circle.gif) no-repeat left center;
	padding-left: 18px;
}

#cp02  #main div td {
	background: url(../img/dot_gray.gif) repeat-x left bottom;
	padding: 12px 0 12px 14px;
}

@media screen and (max-width:630px) {
#cp02 #main div {
	margin-top: 15px;
	background: url(../img/dot_gray.gif) repeat-x left top;
	padding-top: 1px;
}
#cp02  #main div th {
	background: url(../img/dot_gray.gif) repeat-x left bottom #f5f8fd;
	padding: 6px 7px;
	width: 28%;
	font-weight: bold;
	vertical-align: top;
	white-space: nowrap
}
}