@charset "UTF-8";






/* ==================== recruit ==================== */
#recruitBanner
{
	width: 100%;	min-width: 1000px;
}
#recruitBanner .sectionInner
{
	width: 1000px;
	padding: 2rem 0;
	margin: 0 auto;
}

#recruitBanner .banner
{
	width: 40rem;
	margin: 0 auto;
}

@media screen and (max-width: 767px)
{
#recruitBanner{	min-width: 100%;	}
#recruitBanner .sectionInner{	width: calc(100vw - 2rem);	}
#recruitBanner .banner{	width: 100%;	}
}




/* ==================== message ==================== */
#message
{
	width: 100%;	min-width: 1000px;
}
#message .sectionInner
{
	width: 1000px;
	padding: 2rem 0;
	margin: 0 auto;
}
#message h3
{
	margin: 0 auto 2rem;
	/* color: rgba(255, 255, 255, 1.0); */
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}

#message p
{
	margin: 0 auto 1rem;
	line-height: 1.5;
}

#message table
{
	margin: 0 auto 3rem;
	border: 1px solid rgba(0, 0, 0, 1.0);
	color: rgba(0, 0, 0, 1.0);
}
#message table tr{	border-bottom: 1px solid rgba(0, 0, 0, 1.0);	}
#message table tr:last-child{	border-bottom: none;	}

#message table td{	padding: 1rem;	line-height: 1.5;	}
#message table td:first-child{	width: 40%;	border-right: 1px solid rgba(0, 0, 0, 1.0);	}
#message table td:last-child{	width: 60%;	}



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

#message{	min-width: 100%;	}
#message .sectionInner{	width: calc(100vw - 2rem);	}
#message li{	width:  7rem;	height: 7rem;	}

}




/* ==================== floor ==================== */
#floor
{
	width: 100%;	min-width: 1000px;
	background: url("../image/common/background_cloth.jpg") no-repeat center/cover;);
}
#floor .sectionInner
{
	width: 1000px;
	padding: 4rem 0;
	margin: 0 auto;
}

#floor h3
{
	margin: 0 auto 2rem;
	/* color: rgba(255, 255, 255, 1.0); */
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}

#floor p
{
	margin: 0 auto 1rem;
	line-height: 1.5;
	text-align: center;
}


#floor .slider-for{	margin: 0 auto 2rem;	}

#floor .slider-for,
#floor .slider-for .slick-slide,
#floor .slider-for .slick-slide .item,
#floor .slider-for .slick-slide .item .image,
#floor .slider-for .slick-slide .item iframe
{	width: 60rem;	height: 33.75rem;	}


#floor .slider-nav{	width: 60rem;	height: 9rem;	margin: 0 auto 3rem;	}
#floor .slider-nav .item iframe{	pointer-events: none;	}

/* #floor .slider-nav .slick-slide, */
#floor .slider-nav .slick-slide .item,
#floor .slider-nav .slick-slide .item .image,
#floor .slider-nav .slick-slide .item iframe
{	width: 16rem;	height: 9rem;	margin: 0 auto;	}


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

#floor{	min-width: 100%;	}
#floor .sectionInner{	width: 100%;	}


#floor .slider-for,
#floor .slider-for .slick-slide,
#floor .slider-for .slick-slide .item,
#floor .slider-for .slick-slide .item .image,
#floor .slider-for .slick-slide .item iframe
{	width: 100vw;	height: calc(100vw / 16 * 9);	}


#floor .slider-nav{	width: 100vw;	height: 4.5rem;	}
#floor .slider-nav .item iframe{	pointer-events: none;	}

/* #floor .slider-nav .slick-slide, */
#floor .slider-nav .slick-slide .item,
#floor .slider-nav .slick-slide .item .image,
#floor .slider-nav .slick-slide .item iframe
{	width: 8rem;	height: 4.5rem;	}


#floor p
{
	width: calc(100% - 2rem);
	margin: 0 auto;
}

}












/* ==================== contact ==================== */
#contact
{
	width: 100%;	min-width: 1000px;
}
#contact .sectionInner
{
	width: 1000px;
	padding: 3rem 0 10rem;
	margin: 0 auto;
}
#contact h3
{
	padding: 0.5rem 0;
	margin: 0 auto 1.5rem;
	background-color: rgba(198, 156, 109, 1.0);

	color: rgba(255, 255, 255, 1.0);
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
}

#contact ul{	display: flex;	flex-wrap: wrap;	justify-content: space-between;	}
#contact li{	width: 31%;	}
#contact li .image{	width: 100%;	}


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

#contact{	min-width: 100%;	}
#contact .sectionInner{	width: calc(100vw - 2rem);	}
}