@charset "utf-8";
/* CSS Document */

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

	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
	h2 {
		margin-bottom: 40px;
	}
	.re09 {
		position: relative;
	}
	.ab09 {
		position: absolute;
		top: 64px;
		left: 4px;
		width: 237px!important;
	}
	.re22 {
		position: relative;
	}
	.ab22 {
		position: absolute;
		top: 64px;
		left: 4px;
		width: 237px!important;
	}

/*******************************
header
*******************************/
	header {
		background-image: url(/landingnight/images/sp_header_bg01.png);
		background-repeat: repeat-x;
		background-position: left top;
	}
	header #header {
		width: auto;
		margin: 0px auto;
		padding: 0px 18px 20px 18px;
	}
	header h1 {
		font-size: 19px;
		line-height: 1.3;
		padding-top: 35px;
	}
	header .headerLogo {
		float: left;
		padding-top: 20px;
		width: 56%;
	}
	header .headerLogo img {
		width: 100%;
	}
	header .headerContact {
		float: right;
	    width: 40%;
	}
	header .headerContact img {
		width: 100%;
	}
	header .headerContact .headerTel {
		padding-bottom: 9px;
	}
	
/*******************************
mainVisualなど
*******************************/
	#mainVisual h1 {
		width: auto;
	}
	#mainVisual img {
		width: 100%;
	}
	#career ,#gengo,#shafuku,#seishin {
		width: auto;
	}
	#career img,#gengo img,#shafuku img,#seishin img {
		width: 100%;
	}
	
/*******************************
career
*******************************/
	#career .career_btn {
		position: relative;
	}
	#career .career_btn .btn_img {
		position: absolute;
		top: 203px;
		left: 10px;
	}
	#career .career_btn div a:nth-child(2){
		margin: 23px 0;
	}
	#career .career_btn div a{
		display: block;
		width: 745px;
	}
	
/*******************************
gengo
*******************************/
	#gengo .gengo_btn {
		position: relative;
	}
	#gengo .gengo_btn .btn_img {
		position: absolute;
		top: 314px;
		left: 36px;
	}
	#gengo .gengo_btn .btn_img a{
		display: block;
		width: 697px;
	}
	#gengo .gengo_btn .btn_img a:nth-child(2){
		margin: 96px 0 94px;
	}
	#gengo .gengo_btn .btn_img2 {
		position: absolute;
		top: 1008px;
		left: 15px;
	}
	#gengo .gengo_btn .btn_img2 a{
		display: block;
		width: 738px;
	}
	
/*******************************
shafuku
*******************************/
	#shafuku .shafuku_btn {
		position: relative;
	}
	#shafuku .shafuku_btn .btn_img {
		position: absolute;
		top: 314px;
		left: 36px;
	}
	#shafuku .shafuku_btn .btn_img a{
		display: block;
		width: 697px;
	}
	#shafuku .shafuku_btn .btn_img a:nth-child(2){
		margin: 96px 0 94px;
	}
	#shafuku .shafuku_btn .btn_img2 {
		position: absolute;
		top: 1009px;
		left: 15px;
	}
	#shafuku .shafuku_btn .btn_img2 a{
		display: block;
		width: 735px;
	}
	
/*******************************
seishin
*******************************/
	#seishin .seishin_btn {
		position: relative;
	}
	#seishin .seishin_btn .btn_img {
		position: absolute;
		top: 314px;
		left: 36px;
	}
	#seishin .seishin_btn .btn_img a{
		display: block;
		width: 697px;
	}
	#seishin .seishin_btn .btn_img a:nth-child(2){
		margin: 96px 0 94px;
	}
	#seishin .seishin_btn .btn_img2 {
		position: absolute;
		top: 1006px;
		left: 21px;
	}
	#seishin .seishin_btn .btn_img2 a{
		display: block;
		width: 730px;
	}

	#seishin .career_btn {
		position: relative;
	}
	#seishin .career_btn .btn_img {
		position: absolute;
		top: 2593px;
		left: 24px;
	}	
	#seishin .career_btn .btn_img img{
		 width: 721px;
	}
	
/*******************************
person
*******************************/
	.person {
		display: block;
	}

	.person_text_right,
	.person_text_left {
		font-size: 15px;
		line-height: 1.6;
		font-weight: normal;
		letter-spacing: 1px;
		color: #774430;
		margin: 50px 20px 0;
		text-align: justify;
	}
	
	.person_text_left {
	    margin-bottom: 40px;
	}

/*******************************
footer
*******************************/
	footer {
		text-align: center;
		padding-top: 0px;
	    margin-top: 50px;
	}
	#footer {
		width: auto;
		margin-right: auto;
		margin-left: auto;
		position: relative;
		padding-bottom: 20px;
		background-color: #ffffff;
	}
	footer .footerLogo01 {
		width: 100%;
		text-align: center;
		float: left;
		position: relative;
		left: 0px;
		top: 0px;
		z-index: 100;
		padding: 30px 0px 26px 0px;
	}
	footer .footerLogo01 img {
		width: 60%;
	}
	footer .footerNavi {
		padding-top: 0px;
		padding-left:20px;
		float: left;
		position: relative;
		z-index: 150;
	}
	footer .pageTop {
		padding-top: 0px;
		padding-right: 20px;
		float: right;
		position: relative;
		z-index: 151;
	}
	footer .footerNavi a {
		background-image: url(/landingnight/images/sp_footer_icon_ar01.png);
		background-repeat: no-repeat;
		background-position: left center;
		font-size: 28px;
		line-height: 23px;
		padding-left: 47px;
		padding-top: 10px;
		padding-bottom: 10px;
		display: inline-block;
		color: #808080;
	}
	footer .pageTop a {
		background-image: url(/landingnight/images/sp_footer_icon_ar02.png);
		background-repeat: no-repeat;
		background-position: left center;
		font-size: 28px;
		line-height: 23px;
		padding-left: 47px;
		padding-top: 10px;
		padding-bottom: 10px;
		display: inline-block;
		color: #808080;
	}
	footer a:link { color: #4d4d4d; text-decoration: none;}
	footer a:visited {	color: #4d4d4d;	text-decoration: none;}
	footer a:hover { color:#4d4d4d; text-decoration: underline;}
	footer a:active { color:#4d4d4d; text-decoration: none;}
	footer .copyRight {
		font-size: 14px;
		line-height: 24px;
		text-align: center;
		padding: 30px 0px;
		color: #808080;
	}

}