@charset "utf-8";
/* Copyright 2018 FSFIELD All Rights Reserved. */

/* ------------------------------------------------------------

home

------------------------------------------------------------ */

/* メイン画像
---------------------------------------------- */
.bg_main01{
	background: url(../img/home/bg_main01.jpg) no-repeat 0 0;
	background-size: contain;
	height: 0;
	padding-top: 112.5%;
	position: relative;
	z-index: -1;
}

.bg_main02{
	background: url(../img/home/bg_main02.jpg) no-repeat 0 0;
	background-size: contain;
	height: 0;
	padding-top: 112.5%;
	position: relative;
	z-index: -1;
}

.bg_main03{
	background: url(../img/home/bg_main03.jpg) no-repeat 0 0;
	background-size: contain;
	height: 0;
	padding-top: 112.5%;
	position: relative;
	z-index: -1;
}

.bg_main04{
	background: url(../img/home/bg_main04.jpg) no-repeat 0 0;
	background-size: contain;
	height: 0;
	padding-top: 112.5%;
	position: relative;
	z-index: -1;
}

.bg_rec01{
	background: url(../img/home/bg_rec01.jpg) no-repeat 0 0;
	background-size: contain;
	height: 0;
	padding-top: 56.2%;
	position: relative;
	z-index: -1;
}

.t_rec_main{
	position: absolute;
    top: calc(100% - 95%);
	width: 100%;
}

.t_rec_main img{width: 100%;}


#txt_main{
	position: absolute;
    left: calc(100% - 61.5%);
    top: calc(100% - 63.6%);
	width: 50%;
}

#txt_main img{width: 100%;}

/*--アニメーション--*/
.aset1{
	opacity: 0;
	transform: perspective(500px) rotateX(-90deg);
	transform-origin: center;
}

.aset1.loaded{
	opacity:1;
	animation: cardanim 1.5s ease-in-out forwards;
}

@keyframes cardanim {
	0%{transform: perspective(500px) rotateX(360deg);}
	80%{transform: perspective(500px) rotateX(-30deg);}
	100%{transform: perspective(500px) rotateX(0deg);}
}

/* INFORMATION
---------------------------------------------- */
#information{
	background: url(../img/bg_bottom01.gif) no-repeat center bottom;
	background-size: contain;
	padding: 60px 35px 70px;
}

.txt_info01{
	text-align: center;
	margin-bottom: 15px;
	letter-spacing: -0.05em;
}

/*-- SNSボタン --*/
.list_sns01{
	display:-webkit-flex;/*--safari用--*/
	display:flex;
	-webkit-justify-content:space-between;/*--safari用--*/
	justify-content:space-between;
	margin-bottom: 30px;
}

.list_sns01 li{
	width: calc((100vw - 100px) / 3);
	line-height: 1;
	text-align: center;
}

.list_sns01 li a{
	border:1px solid #FFF;
	padding: 10px 0;
	display: block;
}

/*  RECRUIT
---------------------------------------------- */
#recruit{
	background: #FFF url(../img/bg_bottom02.gif) no-repeat center bottom;
	background-size: contain;
	color: #000;
	padding: 50px 35px 70px;
}

#recruit .inner01{margin-bottom: 35px;}

#recruit .inner01:last-of-type{margin-bottom: 0;}

#recruit .inner01 h2{line-height: 1;}

#recruit .inner01 p{
	line-height: 1.6;
	margin-bottom: 12px;
}

#recruit .inner01 p:last-of-type{margin-bottom: 0;}

/*--お給料--*/
.btn_recruit{
	display:-webkit-flex;/*--safari用--*/
	display:flex;
	-webkit-justify-content:space-between;/*--safari用--*/
	justify-content:space-between;
}

.btn_recruit p{
	width: calc((100vw - 100px) / 2);
	text-align: center;
	margin-bottom: 0 !important;
}

.btn_recruit  a{
	padding: 12px 0;
	display: block;
}

.btn_recruit #line{
	background: #E4F5E0;
	color:#4ECD00;
	border: 2px solid #4ECD00;
}

.btn_recruit #mail{
	background: #E6F7F9;
	color:#03CACF;
	border: 2px solid #03CACF;
}

/*  PICKUP EVENT
---------------------------------------------- */
#pickup{padding: 60px 35px;}

#pickup h1{margin-bottom: 30px;}

#pickup h1 img{width: 100%;}

#pickup figure{margin-bottom: 30px;}

#pickup figure img{width: 100%;}

#pickup p{margin-bottom: 12px;}

#pickup p:last-child{margin-bottom: 0;}

#pickup cancel{
 text-decoration: line-through;
 color: #FFF}

a:link {
 color:#ff00ff;
 text-decoration:underline;}