@charset "utf-8";


/******************************************************************** structure
*/

/******************************************************************** header
*/


/******************************************************************** globalNav
*/

/******************************************************************** container
*/
#container section{
	padding:14% 5%;
	background:#FFF;
}



/******************************************************************** footer
*/
footer{padding:10% 5%;}

footer #copy { font-size:0.9rem;}


/******************************************************************** index
*/
.catch{
	height:100vh;
}
.headline h2{
	font-size:1.5rem;
}



/******************************************************************** company
*/
#company table tr th{width:20%;}


/******************************************************************** shop-info
*/
#container section#shop-info dl dd ul{
	display:-webkit-flex;
  display:flex;
	-webkit-flex-wrap:wrap;
  flex-wrap:wrap;
	-webkit-justify-content:space-between;
  justify-content:space-between;
}
#container section#shop-info dl dd ul li{
	width:47.5%;
	padding:5vw 5%;
	margin-bottom:5vw;
	box-sizing:border-box;
}
#container section#shop-info dl dd ul li:last-child{margin-bottom:0;}
#container section#shop-info dl dd ul li:nth-last-child(2){margin-bottom:0;}


/******************************************************************** associates
*/

#associates ul li{
	display:-webkit-flex;
  display:flex;
	-webkit-align-items:stretch;
  align-items:stretch;
	margin-bottom:3%;
}
#associates ul li .inner{
	padding:6vw 5%;
}
#associates ul li figure{
	background:#EAEAEA;
	margin:0;
	display:block;
}


/******************************************************************** recruitment
*/
#recruitment .txt{text-align:center;}
.tab_item {font-size:1.2rem;}

#recruitment table tr th{
	display:table-cell;
	padding:0.8em;
	width:5em;
}
#recruitment table tr td{
	display:table-cell;
	padding:0.8em;
	border:#CCC 1px solid;
}

/******************************************************************** contact
*/
#contact .wrapper{
	max-width:500px;
	margin:0 auto;
}

/******************************************************************** shop
*/
.okutani #container section.shop-name:before{background:url("../img/okutani/bg_pc.jpg") no-repeat center center;background-size:cover;}