@charset "UTF-8";
/****************************************
	main
****************************************/
main {
	margin-top:70px;
}

section#main-back {
}

section#main-back .main-img {
	position:relative;
	overflow:hidden;
	width:100%;
	padding-top:40%;
	margin:0px auto 0px;
}


section#main-back .main-img .slides {
	position:absolute;
	top:0;
	right:0;
	left:0;
	bottom:0;
}

section#main-back .main-img .slides .pc img,
section#main-back .main-img .slides .sp img {
	position:absolute;
	top:50%;
	left:50%;
	transform: translateY(-50%) translateX(-50%) scale(1.0);
	width:100%;
	transition:4s;
	opacity:0;
}

section#main-back .main-img .slides .pc img.show,
section#main-back .main-img .slides .sp img.show {
	transform: translateY(-50%) translateX(-50%) scale(1.2);
	transition:4s;
	opacity:1;
}


section#main-back .main-img .slides .sp {
	display:none;
}

section#main-back .main-img .m-title {
	position:absolute;
	top:50%;
	left:50%;
	transform: translateY(-50%) translateX(-50%);
	width:100%;
	text-align:center;
	font-size:36px;
    font-family:'Cormorant Garamond', 'Noto Serif JP', sans-serif;
	color: #fff;
	text-shadow:
	  1px 1px 0 #000,
	  -1px 1px 0 #000,
	  -1px -1px 0 #000,
	  1px -1px 0 #000;
}



section#concept {
	position:relative;
	width:100%;
	padding:70px 10% 100px;
	background:#fff;
}

section#concept p {
	padding:5px 15px;
}

section#concept p span {
	display:inline-block;
}


section#business {
	position:relative;
	width:100%;
	padding:70px 10% 30px;
	background:#f0f0f0;
}

section#business .b-img {
	width:50%;
	text-align:center;
}

section#business .b-img img {
	width:100%;
}

section#business .b-dtl {
	width:50%;
	padding:0px 40px;
}


section#company {
	position:relative;
	width:100%;
	padding:30px 10% 80px;
	background:#f0f0f0;
}

section#company .c-info {
	width:50%;
	padding:0px 5px;
}

section#company .c-info table {
	width:100%;
}

section#company .c-info table tr {
	border-top:1px solid #303030;
}

section#company .c-info table tr:last-child {
	border-bottom:1px solid #303030;
}

section#company .c-info table th {
	display:block;
	width:100%;
	padding:20px 20px 7px;
	text-align:left;
	vertical-align:top;
}

section#company .c-info table td {
	display:block;
	width:100%;
	padding:7px 20px 20px;
	vertical-align:top;
}


section#company .c-map {
	width:50%;
	padding:0px 5px;
}

section#company .c-map iframe {
	width:100%;
	height:500px;
}




section#recruit {
	position:relative;
	width:100%;
	padding:70px 10% 80px;
}

section#recruit .r-area {
	width:48%;
	margin:0px 1%;
}

section#recruit .r-area table {
	width:100%;
}

section#recruit .r-area tr {
	border-top:1px solid #c0c0c0;
}

section#recruit .r-area tr:last-child {
	border-bottom:1px solid #c0c0c0;
}

section#recruit .r-area th {
	width:20%;
	vertical-align:top;
	text-align:left;
	padding:10px;
	background:#f0f0f0;
} 

section#recruit .r-area td {
	width:30%;
	vertical-align:top;
	text-align:left;
	padding:10px;
}


section#contact {
	position:relative;
	width:100%;
	padding:70px 10% 80px;
	background:url(../img/contact_back.jpg);
	background-size:cover;
	background-position:center center;
	text-align:center;
}

section#contact h2 {
	color:#fff;
	text-align:center;
}

section#contact p {
	color:#fff;
}







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

	section#main-back .main-img {
		padding-top:100%;
	}


	section#main-back .main-img .slides .pc {
		display:none;
	}

	section#main-back .main-img .slides .sp {
		display:block;
	}

	
	section#business .b-img {
		width:100%;
	}
	
	section#business .b-img img {
		width:80%;
	}
	
	section#business .b-dtl {
		width:100%;
		padding:20px 0px;
	}
	
	
	
	section#company .c-info {
		width:100%;
		padding:10px 5px;
	}
	
	section#company .c-map {
		width:100%;
		padding:10px 5px;
	}
	
	section#company .c-map iframe {
		width:100%;
		height:300px;
	}




	section#recruit .r-area {
		width:100%;
		margin:20px 0px;
	}
	

}


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

	section#main-back .main-img .m-title {
		font-size:22px;
	}

	section#recruit .r-area th {
		display:block;
		width:100%;
	}

	section#recruit .r-area td {
		display:block;
		width:100%;
	}



}