@charset "utf-8";

@import url('reset.css');
@import url('common.css');

.pc{display: block;}
.sp{display: none;}

.flex {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
}

/*-- header --*/
header {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	z-index: 999;
}
header .inner {
	justify-content: space-between;
	align-items: center;
	max-width: 1200px;
	width: 94%;
	margin: 0 auto;
}
header h1 {
	max-width: 302px;
	padding: 0 20px 0 0;
}
header section:first-child {
	width: 38.5%;
	align-items: center;
}
header .view_pc { width: 55.8%;}

.tel_contact_Area {
	justify-content: space-between;
	align-items: center;
}
.tel_contact_Area li {
	margin-left: 15px;
}
.tel_contact_Area li:first-child figure { max-width: 196px;}
.tel_contact_Area li:nth-child(2) {
	max-width: 255px;
	padding-left: 15px;
	background: url(../img/h_img.png) no-repeat left center;
	background-size: auto 100%;
}
.tel_contact_Area li:nth-child(2) figure {
	max-width: 214px;
	line-height: 0;
}
.tel_contact_Area li:last-child {
	max-width: 157px;
	line-height: 0;
}
.mail_Link02 {
	display: block;
	width: 100%;
	padding: 5px 0 0;
	font-size: 13px;
	font-size: 0.8rem;
	line-height: 1;
}
.mail_Link {
	display: block;
	width: 100%;
	padding: 5px 0 0;
	font-size: 13px;
	font-size: 0.8rem;
	line-height: 1;
}
header a { transition: .3s;}
header a:hover { opacity: .6;}
header img { width: 100%;}

@media only screen and (max-width: 812px) {
	header { padding: 10px 0;}
	header h1 { padding: 0 10px 0 0;}

	header section:first-child { width: 67%;}
	.neouse_Link { max-width: 130px;}

	.tel_contact_Area li:first-child { width: 24px;}
	.tel_contact_Area li:nth-child(2) {
		width: 42px;
		background: none;
	}
}


/*-- main_img --*/
#mainImg_Wrap {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#mainImg_Wrap .main_Bg {
	width: 100%;
}
#mainImg_Wrap .mainTxt_Area {
	width: 100%;
	height: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	background: rgba(1,23,69,0.5);
}
#mainImg_Wrap .mainTxt_Area h2 {
	max-width: 760px;
	width: 100%;
	margin: 0 auto;
}
#mainImg_Wrap .mainTxt_Area ul {
	max-width: 938px;
	width: 96%;
	margin: 0 auto;
	font-size: 0;
}
#mainImg_Wrap .mainTxt_Area li {
	display: inline-block;
	vertical-align: top;
	width: calc((100% - 60px) / 2);
}
#mainImg_Wrap .mainTxt_Area li:first-child { margin-right: 60px;}
#mainImg_Wrap .mainTxt_Area img { width: 100%;}

.slide_item img{
	width: 100%;
}

/*-- section --*/
section .inner_W1200 {
	max-width: 1200px;
	width: 96%;
	margin: 0 auto;
	box-sizing: border-box;
}
section .inner {
	max-width: 1200px;
	width: 96%;
	margin: 0 auto;
	box-sizing: border-box;
}
section .ttl {
	text-align: center;
	width: 100%;
	padding-bottom: 40px;
}
section .ttl img { width: 100%;}

section .gray_Bg {
	padding: 3.5%;
	background-color: #F1F0EA;
}
section .shadow_Box {
	background-color: #fff;
	box-shadow: 0 0 8px #888;
}
section .contact_Box { padding: 20px 0 15px 0;}



/*-- パートナー企業募集バナー --*/
#recruit_Area { margin: 50px auto 80px;}
#recruit_Area img { max-width: 100%;}

#recruit_Area p {
	position:relative;
}
#recruit_Area p span {
	position:absolute;
	right: 150px;
	bottom: 15%;
	font-weight: bold;
	text-align: center;
	font-size: 105%;
}
#recruit_Area p span a.tel {
	pointer-events: none;
	text-decoration: none;
	font-size: 150%;
	color:#406363;
}
#recruit_Area p span a.mail {
	pointer-events:none;
	text-decoration: none;
	font-size: 100%;
	color:#406363;
}

#Area01 { margin: 0 0 50px;}

/*-- にしてつのお約束 --*/
#promise_Area { margin: 50px auto;}
.promise_cnt {
	width: 100%;
	margin-bottom: 25px;
	background: url(../img/01_pbg.jpg) no-repeat center bottom;
	background-size: cover;
}
.promise_cnt .inner { font-size: 0;}
.promise_cnt .inner li {
	display: inline-block;
	vertical-align: top;
	width: calc(100% / 3);
	height: 100%;
	/*padding-top: 24.5%;*/

}
.promise_cnt .inner li img {
	width: 100%;
	opacity: 1;
	transition: all 0.7s;
}
.promise_cnt .inner li:hover img { opacity: 0;}
.promise_cnt .inner li:first-child {
	background: url(../img/01_01_bg.png) no-repeat center center;
	background-size: cover;
}
.promise_cnt .inner li:nth-child(2) {
	background: url(../img/01_02_bg.png) no-repeat center center;
	background-size: cover;
}
.promise_cnt .inner li:last-child {
	background: url(../img/01_03_bg.png) no-repeat center center;
	background-size: cover;
}
.R_linkBtn { text-align: right;}
.R_linkBtn img { width: 314px;}

/*-- 募集要項 --*/
/* #req_Area { margin-bottom: 50px;} */
.boshu_Wrap {
	max-width: 1000px;
	width: 96%;
	/* padding: 25px 0; */
	margin: 0 auto;
	box-sizing: border-box;
}
.boshu_Wrap dl{
	width: 100%;
	margin: 20px auto;
	font-size: 0;
	border-bottom: 1px dotted #ccc;
}
.boshu_Wrap dt,
.boshu_Wrap dd {
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	box-sizing: border-box;
}
.boshu_Wrap dt{
	width: 23%;
	margin: 10px 0;
	padding: 35px 10px;
	text-align: center;
	color: #fff;
	background: #1d2088;
}
.boshu_Wrap dd{
	width: 77%;
	padding: 0 0 6px 15px;
	line-height: 1.5;
	/* border-bottom: 1px dotted #ccc; */
}
.boshu_Wrap dd span {
	padding: 0 0 0 10px;
	color: #950000;
}

/*-- お問い合わせ --*/
#req_Area .contact_Box { margin-top: 30px;}


.contact_Box h4 {
	display: block;
	background: url(../img/con_bg.gif) no-repeat center center;
	background-size: cover;
}
.contact_Box h4 img {
	max-width: 656px;
	width: 90%;
	padding: 8px 0;
	margin: 0 auto;
}
.content_item {
	max-width: 1050px;
	width: 100%;
	margin: 20px auto 0;
}
.content_item ul {
	width: 96%;
	margin: 0 auto;
	font-size: 0;
}
.content_item ul li {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
}
.content_item ul:first-child { margin: 20px auto 0;}
.content_item ul:first-child li:nth-child(1),
.content_item ul:first-child li:nth-child(2) {
	width: calc((100% - 42%) / 2);
	box-sizing: border-box;
}
.content_item ul:first-child li:nth-child(1) {
	padding: 16px 20px 0 0;
	box-sizing: border-box;
}
.content_item ul:first-child li:nth-child(2) {
	padding: 16px 0 0 20px;
	background: url(../img/h_img.png) no-repeat left center;
	background-size: auto 100%;
	box-sizing: border-box;
}
.content_item ul:first-child li:nth-child(3) {
	width: calc(42% - 20px);
	margin-left: 20px;
}
/* .content_item a { width: 42%;} */
.content_item img { width: 100%;}

.content_item02 {
	max-width: 1020px;
	width: 100%;
	margin: 0 auto;
}
.content_item02 ul {
	width: 100%;
	margin: 10px auto 0;
	font-size: 0;
}
.content_item02 ul li {
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	width: 50%;
}
.content_item02 ul li:last-of-type {
	text-align: right;
}



/*-- にしてつが選ばれる理由 --*/
#reason_Area { margin: 20px 0 0;}
#reason_Area .shadow_Box {
	margin-top: 30px;
	padding: 30px;
	box-sizing: border-box;
}

/*-- 売却のステップ --*/
#step_Area { margin: 70px 0;}

/*-- お問い合わせ --*/
#contact_Area { margin-bottom: 70px;}

/*-- footer --*/
footer {
	position: relative;
	width: 100%;
	padding: 12px 0 8px;
	border-top: 2px solid #d2d2d2;
}
footer .inner {
	max-width: 1150px;
	width: 96%;
	margin: 0 auto;
}
footer .f_logo {
	float: left;
	width: 378px;
}
footer .f_logo img { width: 100%;}
footer .copy {
	float: right;
	font-size: 10px;
	padding-top: 45px;
}
#pageTop {
	position: absolute;
	top: -20px;
	right: 20px;
}

/* 901px~1200px
==================================*/
@media only screen and (min-width: 901px) and (max-width: 1200px) {
	/*-- お問い合わせ --*/
	.content_item ul:last-child li { vertical-align: top;}
	.content_item ul:last-child li:nth-child(1),
	.content_item ul:last-child li:nth-child(2) {
		width: calc((100% - (320px + 30px)) / 2);
		padding-top: 8px;
	}
	.content_item ul:last-child li:nth-child(1) { padding-right: 15px;}
	.content_item ul:last-child li:nth-child(2) { padding-left: 15px;}
	.content_item ul:last-child li:nth-child(3) {
		width: 320px;
		margin-left: 30px
	}

	
	#recruit_Area p span {
		right: 12%;
		font-size: 90%;
	}
}
/* 813px~900px
==================================*/
@media only screen and (min-width: 813px) and (max-width: 900px) {
	/*-- お問い合わせ --*/
	.content_item ul:last-child li:nth-child(1),
	.content_item ul:last-child li:nth-child(2) {
		width: calc((100% - (320px + 20px)) / 2);
		padding-top: 8px;
	}
	.content_item ul:last-child li:nth-child(1) { padding-right: 15px;}
	.content_item ul:last-child li:nth-child(2) { padding-left: 15px;}
	.content_item ul:last-child li:nth-child(3) {
		width: 320px;
		margin-left: 20px
	}
	.content_item02 ul {
		width: 97%;
	}

	#recruit_Area p span {
		right: 11vw;
		font-size: 76%;
	}
}


/* ~1024px
==================================*/
@media only screen and (max-width: 1024px) {

	/*-- section --*/
	section .inner_W1200 {
		max-width: 1200px;
		width: 96%;
		margin: 0 auto;
		box-sizing: border-box;
	}
	section .inner {
		max-width: 1150px;
		width: 96%;
		margin: 0 auto;
		box-sizing: border-box;
	}
	section .ttl {
		text-align: center;
		width: 100%;
		padding-bottom: 40px;
	}
	section .ttl img { width: 100%;}

	section .gray_Bg {
		background-color: #F1F0EA;
	}
	section .shadow_Box {
		background-color: #fff;
		box-shadow: 0 0 8px #888;
	}
	section .contact_Box { padding: 20px 0 15px 0;}

}


/* 813px~
==================================*/
@media only screen and (min-width: 813px) {

	#slide{display: block;}
	#slide_sp{display: none;}

	.view_pc { display: block;}
	.view_sp { display: none;}
}

/* 0~812px
==================================*/
@media only screen and (max-width: 812px) {

	#slide{display: none;}
	#slide_sp{display: block;}

	.view_pc { display: none;}
	.view_sp { display: block;}

	/*-- main_img --*/
	/* #mainImg_Wrap {	top: 60px;} */
	#mainImg_Wrap .main_Bg {
		/* padding-top: 65%; */
	}
	#mainImg_Wrap .mainTxt_Area {padding-top: 0px; padding-bottom: 0px;}
	#mainImg_Wrap .mainTxt_Area ul { display: none;}
	#mainImg_Wrap .view_sp { padding: 8px 2% 30px;}
	#mainImg_Wrap .view_sp img { width: 100%;}

	/*-- section --*/
	section .ttl {
		text-align: center;
		width: 100%;
		padding-bottom: 20px;
	}
	section .gray_Bg { padding: 4% 2%;}
	section .contact_Box { padding: 20px 0 15px 0;}


	/*-- パートナー企業募集バナー --*/
	#recruit_Area { margin: 50px auto 50px;}
	#recruit_Area p span {
		bottom: 7%;
		font-size: 13px;
		left: 0;
		right: 0;
		margin: auto;
	}
	#recruit_Area p span a.tel {
		pointer-events: auto;
		text-decoration: none;
		font-size: 22px;
		color:#406363;
	}
	#recruit_Area p span a.mail {
		pointer-events: auto;
		text-decoration: none;
		font-size: 17px;
		line-height: 2;
		color:#406363;
	}


	/*-- にしてつのお約束 --*/
	#promise_Area { margin: 80px auto 80px;}
	.promise_cnt { background: none;}
	.doun_promise {
		width: 96%;
		margin: 0 auto;
		padding: 0;
	}
	.doun_promise label {
		position: relative;
		display: block;
		margin: 0 0 2px 0;
		padding : 0;
		line-height: 1;
		box-sizing: border-box;
	}
	.doun_promise label:after {
		position: absolute;
		top: calc((100% - 10px) / 2);
		right: 20px;
		content: '';
		display: inline-block;
		width: 17px;
		height: 10px;
		background: url(../img/pro_icon.png) no-repeat center center;
		background-size: 100%;
		z-index: 999;
	}
	label img { width: 100%;}
	input {	display: none;}
	.doun_promise ul {
		margin: 0;
		padding: 0;
		background :#f4f4f4;
	}
	.doun_promise li {
		max-height: 0;
		overflow-y: hidden;
		line-height: 1.5;
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-ms-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}
	#menu_bar01:checked ~ #links01 li,
	#menu_bar02:checked ~ #links02 li,
	#menu_bar03:checked ~ #links03 li {
		max-height: 300px;
		padding: 20px 10px;
		opacity: 1;
		box-sizing: border-box;
	}
	#menu_bar01:checked + label:after,
	#menu_bar02:checked + label:after,
	#menu_bar03:checked + label:after {
		background: url(../img/pro_icon02.png) no-repeat center center;
		background-size: 100%;
	}
	.R_linkBtn { text-align: center;}
	.R_linkBtn img { width: 65%;}

	/*-- 募集要項 --*/
	/* #req_Area { margin-bottom: 80px;} */
	.boshu_Wrap {
		width: 96%;
		padding: 10px 0;
		margin: 0 auto;
		box-sizing: border-box;
	}
	.boshu_Wrap dl{
		width: 100%;
		margin: 20px auto;
		padding-bottom: 5px;
		font-size: 0;
	}
	.boshu_Wrap dt,
	.boshu_Wrap dd {
		display: block;
		font-size: 16px;
	}
	.boshu_Wrap dt{
		width: 100%;
		padding: 9px 0;
		margin-bottom: 8px;
	}
	.boshu_Wrap dd{
		width: 100%;
		padding: 0 0 8px 0;
		line-height: 1.5;
		border-bottom: none;
	}
	.boshu_Wrap dd span { display: block;}

	/*-- お問い合わせ --*/
	.content_item ul { width: 94%;}
	.content_item ul:first-child li {
		width: 100%;
		padding-bottom: 15px;
		margin-right: 0;
	}
	.content_item ul:last-child li:nth-child(1) { width: 100%;}
	.content_item ul:last-child li:nth-child(2) { display: none;}
	.content_item ul:last-child li:nth-child(1) { padding-right: 0;}
	.content_item ul:last-child li:nth-child(3) {
		width: 100%;
		margin: 25px 0 0 0;
	}
	.content_item img { width: 100%;}

	.content_item02 ul {
		margin: 0 auto;
	}
	.content_item02 ul li {
		width: 100%;
	}
	.content_item02 ul li:last-of-type {
		text-align: center;
		font-size: 14px;
	}

	/*-- にしてつが選ばれる理由 --*/
	#reason_Area { margin-bottom: 80px;}
	#reason_Area .shadow_Box { padding: 15px;}

	/*-- 売却のステップ --*/
	#step_Area .gray_Bg { padding: 4%;}

	.doun_step {
		width: 100%;
		margin: 0 auto;
		padding: 0;
	}
	.doun_step label {
		display: block;
		margin: 0 0 2px 0;
		padding : 22px 12px;
		line-height: 1;
		color: #fff;
		font-size: 18px;
		background: url(../img/pro_icon.png) no-repeat right 15px center;
		background-size: 17px 10px;
		box-sizing: border-box;
	}
	label.S_label1 { background-color: #2c374d;}
	label.S_label2 { background-color: #404e71;}
	label.S_label3 { background-color: #4c5f8a;}
	label.S_label4 { background-color: #5f78b0;}
	label.S_label5 { background-color: #3a67ce;}
	label.S_label6 { background-color: #0040d0;}
	.doun_step label img {
		width: 64%;
		margin: 0 18%;
	}
	input {	display: none;}
	.doun_step ul {
		margin: 0;
		padding: 0;
		background-color: #fff;
	}
	.doun_step li {
		max-height: 0;
		overflow-y: hidden;
		line-height: 1.5;
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		transition: all 0.2s linear;
	}
	.doun_step li p { font-size: 16px;}
	.doun_step li p span {
		display: block;
		padding-bottom: 8px;
		font-size: 18px;
		color: #00216e;
	}
	#step_bar01:checked ~ #S_links01 li,
	#step_bar02:checked ~ #S_links02 li,
	#step_bar03:checked ~ #S_links03 li,
	#step_bar04:checked ~ #S_links04 li,
	#step_bar05:checked ~ #S_links05 li,
	#step_bar06:checked ~ #S_links06 li {
		max-height: 800px;
		padding: 20px 10px;
		opacity: 1;
		box-sizing: border-box;
	}
	#step_bar01:checked + label,
	#step_bar02:checked + label,
	#step_bar03:checked + label,
	#step_bar04:checked + label,
	#step_bar05:checked + label,
	#step_bar06:checked + label {
		background: url(../img/pro_icon02.png) no-repeat right 15px center;
		background-size: 17px 10px;
	}
	#step_bar01:checked + label.S_label1 { background-color: #2c374d;}
	#step_bar02:checked + label.S_label2 { background-color: #404e71;}
	#step_bar03:checked + label.S_label3 { background-color: #4c5f8a;}
	#step_bar04:checked + label.S_label4 { background-color: #5f78b0;}
	#step_bar05:checked + label.S_label5 { background-color: #3a67ce;}
	#step_bar06:checked + label.S_label6 { background-color: #0040d0;}


	/*-- footer --*/
	footer { padding-top: 20px;}
	footer .f_logo {
		float: none;
		width: 250px;
		margin: 0 auto;
	}
	footer .copy {
		float: none;
		text-align: center;
		padding-top: 20px;
	}



	/*追記*/
	.mail_Link {
		padding-top: 25px;
		font-size: 17px;
		text-align: center;
	}
	.mail_Link span { font-size: 14px;}


}

.step_area h4 { padding: 0 0 30px;}
.step_area img { width: 100%;}
@media only screen and (max-width: 812px) {
	#step_Area { margin: 30px 0;}
	.step_area h4 { padding: 0 0 15px;}
	.boshu_Wrap dd span {	padding: 0;}

	.contact_Box .mail_Link { line-height: 1.6;}
	.contact_Box .mail_Link span { display: block;}

	#mainImg_Wrap { padding: 60px 0 0;}
}