@charset "utf-8";
@import url(cmn.css);
@import url(base.css);

header ul li.nav-about a {
	background-color: #d8feff;
	border-radius: 5px;
}
#page-tit {
	background: url(../../images/recruit/about-images/page-bg.jpg) 100% 50% no-repeat;
}

/* ==========================================================================
	CONTENTS
	========================================================================== */

/*メッセージ*/

.name {
	float: right;
	width: 220px;
	margin-bottom: 50px;
}

/*基幹事業*/

#business .img {
	float: left;
	width: 45%;
}
#business .txt {
	float: right;
	width: 50%;
}

/*技術*/

#technique .box {
	background: url(../images/about-images/bg.gif) 0 0  repeat-x;
	padding-top: 80px;
	margin-bottom: 80px;
}
#technique .box .img {
	width: 50%;
}
#technique .box .txt {
	width: 45%;
	padding-top: 70px;
}
#technique .box .txt h3 {
	color: #17498c;
	font-size: 1.8rem;
	margin-bottom: 50px;
}
#technique .box .txt h3:before {
	content: "/ ";
}

/*ポイント*/

#point .box {
	width: 45%;
}
#point .box01 {
	float: left;
}
#point .box01 .img02 {
	margin: 150px 0 0 40px;
}
#point .box02 {
	float: right;
}
#point .box02 .img02 {
	margin: 0 0 80px 20px;
}
#point .box03 {
	clear: both;
	margin: 0 auto 0 auto!important;
}

#point .box .img {
	display: block;
	width: 32%;
	margin: 0 auto 40px auto;
}
#point .box .img02 {
	display: block;
	width: 60%;
}
#point .float-r {
	margin-top: -150px;
}

/* ==========================================================================
	PC 1025px -
	========================================================================== */

@media screen and (min-width: 1025px){


}


/* ==========================================================================
	TABLET - 1024px
	========================================================================== */

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

/*基幹事業*/

#business .img {
	display: block;
	float: none;
	width: 45%;
	margin: 0 auto 30px auto;
}
#business .txt {
	float: none;
	width: 100%;
}

}

/* ==========================================================================
	SP - 640px
	========================================================================== */

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

/*メッセージ*/

.name {
	width: 150px;
	margin-bottom: 30px;
}

/*基幹事業*/

#business .img {
	width: 70%;
}

/*技術*/

#technique .box {
	background: url(../images/about-images/bg.gif) 0 0  repeat-x;
	padding-top: 40px;
	margin-bottom: 40px;
}
#technique .box .img {
	display: block;
	float: none;
	width: 80%;
	margin: 0 auto 30px auto;
}
#technique .box .txt {
	float: none;
	width: 100%;
	padding-top: 0;
}
#technique .box .txt h3 {
	font-size: 1.6rem;
	margin-bottom: 30px;
}

/*ポイント*/

#point .box {
	width: 100%;
}
#point .box01 {
	float: none;
}
#point .box01 .img02 {
	margin: 30px auto;
}
#point .box02 {
	float: right;
}
#point .box02 .img02 {
	margin: 0 auto 30px auto;
}

#point .box .img {
	margin: 0 auto 30px auto;
}

}