/* ####################################################
	recruit
#################################################### */

/* ====================================
	title
==================================== */
@media only screen and (max-width: 414px) {
	.title__wrap h1::before{
		right: 50px;
	}
	.title__wrap h1::after{
		left: 50px;
	}
}
@media only screen and (max-width: 375px) {
	.title__wrap h1::before{
		right: 40px;
	}
	.title__wrap h1::after{
		left: 40px;
	}
}
@media only screen and (max-width: 320px) {
	.title__wrap h1::before{
		right: 0px;
	}
	.title__wrap h1::after{
		left: 0px;
	}
}
/* ====================================
	recruit-text
==================================== */
.recruit_text__area {
	margin: 0 0 100px 0;
}

.recruit_text__wrap {
    max-width: 900px;
    width: 100%;
    margin: 0 auto 0;
	text-align: center;
}
.recruit_text__wrap h2{
	font-size: 2.0rem;
	font-weight: 700; /* --font-weight-noto-bold */
	margin: 0 0 20px 0;
}
.recruit_text__wrap p {
	font-size: 2.0rem;
	font-weight: 400; /* --font-weight-noto-regular */
	padding: 10px 0;
	line-height: 2;
}
.recruit_text__wrap p small{
	font-size: 1.2rem;
}
@media only screen and (max-width: 767px) {
	.recruit_text__wrap{
		padding: 0 5.025%;
		margin: 0 auto 50px;
	}
	.recruit_text__wrap h2{
		line-height: 27px;
	}
	.recruit_text__wrap p{
		font-size: 1.8rem;
	}
	.recruit_text__wrap p small{
		line-height: 20px;
		display: block;
	}
}
@media only screen and (max-width: 414px) {
	.recruit_text__area{
		margin: 0 0 50px 0;
	}
	.recruit-text__wrap{
	}
	.recruit-text__wrap h2{
	    margin: 0 0 0px 0;
	}
	.recruit-text__wrap p{
	    font-size: 1.8rem;
	}
}
/* ====================================
	recruit_supp
==================================== */
.recruit_supp__wrap {
	padding: 30px 0 0 0;
}

.recruit_supp__wrap p {
	padding: 10px 0;
	font-size: 1.2rem;
	line-height: 2;
}

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


/* ====================================
	shopdata
==================================== */
.shopdata{
	max-width: 900px;
	width: 100%;
	margin: 0 auto 100px;
	border-bottom: 1px solid #4C4948; /* --color-accent */
}
.shopdata:last-child{
	margin: 0 auto 0;
}
.shopdata a {
	padding: 0 0 30px 0;
	border-bottom: 1px solid #4C4948; /* --color-accent */
}
.shop_recruit__table tbody tr td a{
	padding: 0;
	border: 0;
	display: inline;
}
.shop_recruit__table tbody tr td a.external__link::after{
	content: "";
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-left: 10px;
    margin-bottom: -2px;
	background-image: url(../__common_img/external_icon.svg);
	background-position: center;
	background-size: 15px;
	background-repeat: no-repeat;
}
.shopdata a > div:nth-child(1){
    height: 76px;
    display: flex;
    border: 1px solid #b6b6b6; /* --color-border-default */
    justify-content: center;
    align-items: center;
}



@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .shopdata img{
    width: 108px;
} /* IE11 */
}

@media only screen and (max-width: 767px) {
	.shopdata{
		margin: 0 auto 80px;
	}
}
@media only screen and (max-width: 414px){
	.shopdata{
	    margin: 0 auto 60px;
	}
	.shopdata a{
		padding: 0 0 20px 0;
	}
}
@media only screen and (max-width: 375px){
	.shop_recruit__table tbody tr td a.external__link::after{
		margin-left: 3px;
	}
}

/* ====================================
	shop_recruit
==================================== */
.shop_recruit__table {
	font-size: 1.5rem;
	margin: 30px auto;
	max-width: 570px;
    width: 100%;
}
.shop_recruit__table tr{
	border-bottom: 1px solid #b6b6b6; /* --color-border-default */
}
.shop_recruit__table tr:last-child{
	border-bottom: none;
}
.shop_recruit__table th,
.shop_recruit__table td {
	padding: 15px 0;
	line-height: 1.5;
	word-break: break-all;
}

.shop_recruit__table th {
	width: 170px;
	text-align: left;
	font-weight: 700; /* --font-weight-noto-bold */
}

.shop_recruit__table td {
	width: calc(100% - 280px);
	position: relative;
	text-indent: -10px;
}
_::-webkit-full-page-media, _:future, :root .shop_recruit__table td{
	text-indent: -17px;
}
.shop_recruit__table td::before{
	content: ":";
	display: inline-block;
	font-size: 1.5rem;
	font-weight: 400; /* --font-weight-noto-regular */
	margin-right: 10px;
}
.shop_recruit__table td a{
	color: #AF843E; /* --color-accent */
}
@media only screen and (max-width: 767px){
	.shop_recruit__table{
		margin: 10px auto;
	}
	.shop_recruit__table th{
		width: 145px;
	}
	_::-webkit-full-page-media, _:future, :root .shop_recruit__table th{
		width: 138px;
	}
	_::-webkit-full-page-media, _:future, :root .shop_recruit__table td{
		text-indent: -8px;
	}
	_::-webkit-full-page-media, _:future, :root .shop_recruit__table td::before{
		margin-right: 1px;
	}
}