/* �\��
--------------------------*/
body{
	background:url(../img/pursuing/bg.png),url(../img/pursuing/bg02.png);
	background-position:left center,right center;
	background-repeat:no-repeat;
	background-color:#e3e3e5;
}

@media screen and (max-width:1800px) {		/*�^�u���b�g�pCSS*/
body{
	background-size:50%;
	background-position:left 320px,right 320px;
}
}

@media screen and (max-width:980px) {		/*�^�u���b�g�pCSS*/
body{
	background-size:40%;
	background-position:left 300px,right 300px;
}
}

@media screen and (max-width:480px) {		/*�^�u���b�g�pCSS*/
body{
	background-size:30%;
	background-position:left bottom 200px,right bottom 200px;
}
}

#main{
	background:url(../img/pursuing/main_bg.jpg) no-repeat center top;
}

@media screen and (max-width:767px) {		/*�^�u���b�g�pCSS*/
#main{
	background:url(../img/pursuing/main_bg_sp.jpg) no-repeat center top;
	background-size:100%;
	padding:calc((26.07% - 100px) / 2) 0;
}
}


/* �������
--------------------------*/

#pursuing{
	text-align:center;
	padding:150px 0;
}

#pursuing p{
	line-height:200%;
	margin-bottom:30px;
}

#pursuing p span{
	font-size:160%;
}

#pursuing .btn{
	width:270px;
	margin:60px auto;
	box-shadow: 2px 3px 5px 2px rgba(100,100,100,0.15);
}

#pursuing .btn a{
	background:url(../img/pursuing/pursuing_icon.png) no-repeat right 20px center #FFF;
	color:#013089;
	padding:15px 25px 15px 20px;
}

#pursuing .btn a:hover{
	background:url(../img/pursuing/pursuing_icon.png) no-repeat right 20px center #ffdb00;

}

@media screen and (max-width:1800px) {		/*�^�u���b�g�pCSS*/
#pursuing{
	padding:100px 0 20px;
}
}

@media screen and (max-width:980px) {		/*�^�u���b�g�pCSS*/
#pursuing{
	padding:100px 0 0;
}

#pursuing .btn{
	margin:60px auto 0;
}
}

@media screen and (max-width:480px) {		/*�X�}�z�pCSS*/
#pursuing{
	padding:0;
}

#pursuing img{
	width:70%;
	max-width:304px;
}
}