body{
	position:relative;
	min-height:100vh;
}

.tpftr {
	position:relative;
	bottom:0;
	right:0;
	background:#149C3C;
	padding:0.5em 0 2em 0;
	z-index:101;
	width:100%;
	margin-top:0em;
}



/*期間限定バナー*/
.tpftr_special {
	position:static;
	bottom:0;
	right:0;
	background:#6dc33d;
	padding:0.5em 0;
	z-index:101;
	width:100%;
	margin-top:3em;
}
.tpftr_special .bnr{
	padding: 0 1%;
}
.tpftr_special .inr .bnr a img{
	border: solid 5px #fff;
}

.inr {
	width:1024px;
	max-width:90%;
	margin:0 auto;
	/*display:flex;
	justify-content:space-between;
	align-items:center;*/

}

/*バナーエリアと移転のお知らせ横並び*/
.colm{
	display: flex;
	flex-direction: row-reverse;
	justify-content: center;
}

/*移転のお知らせ*/
.tpftr .inr .news{
	font-size: 16px;
    margin: 2%;
    color: #fff;
    text-align: center;
	line-height: 1.5;
}

.tpftr .inr .news p{
    text-align: left;
    display: inline-block;
}

/*2024年採用*/
.tpftr .inr .recruit{
    margin: 0 auto 30px;
    text-align: center;
    padding: 30px 0;
    font-size: 18px;
}

.tpftr .inr .recruit a{
	font-weight: bold;
	color: #fff;
	border: 1px solid #fff;
    padding: 10px 30px;
    border-radius: 30px;
}

.tpftr .inr .recruit a:hover{
	opacity: 0.8;
}




/*期間限定バナーがあるときに使用*/
.mt_none{
	margin-top: 0;
}

@media screen and (max-width:1300px){
	body {
		position:static;
		min-height:auto;
	}

	.tpftr {
		bottom:auto;
		right:auto;
		margin-top:3em;
	}

	/*期間限定バナーがあるときに使用*/
	.mt_none{
		margin-top: 0;
	}
}

.tpftr ul{
	display:flex;
	justify-content:space-between;
	flex-wrap: wrap;
}

.tpftr .bnr, .tpftr_special .bnr {
	width:50%;
	margin:2%;
}

.tpftr .snsicon {
}


.tpftr .snsicon {
	width:15%;
	margin:3% auto;
}



.tpftr .bnr ul li,
.tpftr .snsicon ul li {
	width: 49.5%;
	margin-bottom:1%;
}

.tpftr .bnr ul li:nth-last-child(-n + 2){
	margin-bottom:0;
}



.tpftr .bnr ul li img {
	width:100%;
	display:block;
	/*max-width:150px;*/
	margin:0 auto;
}

.tpftr .snsicon ul li img {
	width:80%;
	display:block;
	margin:0 auto;
}

.tpftr .bnr ul li:nth-child(1) {
		position:relative;
		display:block;
		width:70%;
		transform:translate(0, 0);
		margin:0 auto 1.5em;
		max-width:100%;
		left:0;
}

.tpftr .bnr ul li p{
	text-align:center;
	font-size:.8em;
	color:#fff;
	margin-bottom:0.3em;
}

@media screen and (max-width:1300px){
	.tpftr .bnr ul li:nth-child(1){
	}
}

@media screen and (min-width:1600px){
	.tpftr .bnr ul li:nth-child(1){
	}
}


@media screen and (max-width:767px){
	.tpftr {
		margin-top:1em;
	}

	.inr {
		display:block;
	}

	.tpftr{
		padding:1em 0 4em;
	}

	.tpftr .bnr, .tpftr_special .bnr {
		width:100%;
		margin: 2% auto;
	}


	.tpftr .snsicon {
		width:30%;
		margin:1em auto 0;
	}

	/*期間限定バナー*/
	.tpftr_special {
		padding:1em 0;
		margin-top:1em;
	}
	.tpftr_special .bnr{
		padding: 0 2%;
	}
	.tpftr_special .inr .bnr a img{
		border: solid 3px #fff;
	}

	/*期間限定バナーがあるときに使用*/
	.mt_none{
			margin-top: 0;
	}

	/*移転のお知らせ*/
	.tpftr .inr .news{
		margin: 2em auto;
		width: 100%;
		font-size: 16px;
		text-align: center;
	}

	/*バナーエリアと移転のお知らせ横並び*/
	.colm{
		display: block;
	}
	
	/*2024年採用*/
	.tpftr .inr .recruit{
    padding: 15px 0;
    margin-bottom: 23px;
	}

	.tpftr .inr .recruit a{
		display: block;
   		width: 90%;
		margin: 0 auto;
	}

}

.snsbox{
	display: flex;
	justify-content: center;
}

.snsbox div{
	width: 20%;
	margin: 10% 4%;
}