@charset 'UTF-8';

/* ----------------------------------------------------------------------
INDEX
---------------------------------------------------------------------- */
/* ------------------------------
MAINVISUAL
------------------------------ */
#mainvisual {
	height:700px;
	padding:0 80px;
	position: relative;
	overflow: hidden;
}
@media only screen and (min-width: 601px) {
	#mainvisual {
		background:url( "../img/index/main.jpg") no-repeat center center;
		background-size:cover;
	}
}

#mainvisual h2 {
	width:555px;
	max-width:65%;
	text-align: center;
	font-size: 0;
	letter-spacing: 0;
	opacity: 0;
	padding-top: 300px;
}
#mainvisual h2 img {
	display: block;
}
#mainvisual h2 .en {
	font-size: 2rem;
	font-family: 'lato', sans-serif;
	font-weight: normal;
	display: block;
	opacity: 0;
	color: #fff;
	text-align: left;
	letter-spacing: 0.13em;
}


#mainvisual h2 .main-copy-item{
/*	display: none;*/
}
#mainvisual h2 .main-copy-01 {
	width: 15px;
}
#mainvisual h2 .main-copy-02 {
	width: 50px;
}
#mainvisual h2 .main-copy-03 {
	width: 56px;
}
#mainvisual h2 .main-copy-04 {
	width: 41px;
}
#mainvisual h2 .main-copy-05 {
	width: 37px;
}
#mainvisual h2 .main-copy-06 {
	width: 20px;
}
#mainvisual h2 .main-copy-07 {
	width: 42px;
}
#mainvisual h2 .main-copy-08 {
	width: 44px;
}
#mainvisual h2 .main-copy-09 {
	width: 52px;
}
#mainvisual h2 .main-copy-10 {
	width: 56px;
}
#mainvisual h2 .main-copy-11 {
	width: 42px;
}
#mainvisual h2 .main-copy-12 {
	width: 37px;
}
#mainvisual h2 .main-copy-13 {
	width: 28px;
}
#mainvisual h2 .main-copy-14 {
	width: 35px;
}

@media only screen and (max-width: 768px) {
	#mainvisual {
		padding:0 25px;
		height:500px;
	}
	#mainvisual h2 {
		padding-top: 210px;
	}
}

@media only screen and (max-width: 600px) {
	#mainvisual {
		height:350px;
	}
	#mainvisual h2 {
		padding-top: 140px;
		max-width:77%;
	}
	#mainvisual h2 .en{
		font-size: 1.5rem;
		letter-spacing: 0.07em;
	}
}
@media only screen and (max-width: 600px) {
	#mainvisual {
		background:url(/img/index/main_sp.jpg) no-repeat center center;
		background-size:cover;
	}
}



/* ------------------------------
INFO
------------------------------ */
#sec-info {
	padding:50px 0;
	background:url( "../img/index/info01.jpg") no-repeat left center;
	background-size:contain;
}

#sec-info .sec-title {
	padding-bottom:15px;
	background:url( "../img/index/ti_ln_01.jpg") no-repeat 2px bottom;
}

#sec-info .sec-title span {
	display:inline-block;
	margin-left:15px;
}

.info-list {
	width:700px;
	margin:0 auto 50px;
}

@media only screen and (max-width: 1200px) {
	#sec-info {
		background-position:-60% center;
	}
	#sec-info .sec-title {
		text-align:center;
		background:none;
		padding-bottom:0;
	}
	#sec-info .sec-title span {
		display:block;
	}
}

@media only screen and (max-width: 1000px) {
	#sec-info {
		padding:60px 0;
		background:url( "../img/index/info01_sp.jpg") no-repeat left top;
		background-size:contain;
	}
}

@media only screen and (max-width: 800px) {
	.info-list {
		width:100%;
	}
}

/* ------------------------------
RECRUIT
------------------------------ */
#sec-recruit {
	text-align:center;
	padding:75px 0 65px;
	color:#1d8f59;
}
@media only screen and (min-width: 601px) {
	#sec-recruit {
		background:url(/img/index/recruit01.jpg) no-repeat center center;
		background-size:cover;
	}
}

#sec-recruit p.mb50 {
	font-size:2.5rem;
}

#sec-recruit p.mb50 span {
	display:inline-block;
}

@media only screen and (max-width: 768px) {
	#sec-recruit p.mb50 {
		font-size:1.8rem;
	}
}

@media only screen and (max-width: 600px) {
	#sec-recruit {
		padding:100px 0;
		background:url(/img/index/recruit01_sp.jpg) no-repeat center center;
		background-size:cover;
	}
}

@media only screen and (max-width: 450px) {
	#sec-recruit p.mb50 {
		font-size:1.5rem;
	}
}

@media only screen and (max-width: 360px) {
	#sec-recruit {
		background-size:cover;
	}
}

.ft-img {
	line-height:0;
}

/* ------------------------------
PLADES繝ｪ繝ｳ繧ｯ
------------------------------ */
.sec_plades_link{
	background:url( "../img/index/bg_plades.jpg") no-repeat center center;
	background-size: cover;
	padding: 55px 10px;
}

.sec_plades_link .logo_plades{
	width: 186px;
	margin: 0 auto;
}

.sec_plades_link .text{
	font-size: 14px;
	letter-spacing: 0.12em;
	color: #fff;
	text-align: center;
	margin-top: 30px;
}

.sec_plades_link .btn {
	margin-top: 33px;
}

@media only screen and (max-width: 600px) {
	.sec_plades_link {
		background:url( "../img/index/bg_plades_sp.jpg") no-repeat center center;
		background-size: cover;
		padding: 63px 0;
	}
	
	.sec_plades_link .logo_plades {
		width: 193px;
	}
	
	.sec_plades_link .text {
		display: none;
	}
}