@charset "UTF-8";
/* sp(320px) */

/* 採用バナー */
.ban_enc1,
.ban_enc2 {
	inline-size: 100%;
	margin-inline: auto;
	/*border: 1px solid #000;*/
}
#ban_ph {
	display: grid;
	grid-template-columns: auto;
	grid-template-rows: auto;
	column-gap: 0;
	row-gap: 2em;
}
#ban_ph > div > a:nth-of-type(1) {
	display: block;
	text-align: center;
	position: relative;
}
#ban_ph > div > a figure {
	transition: all 300ms 0s ease;
}
#ban_ph > div > a:hover figure {
	opacity: 0.85;
}

#ban_ph > div a .txt {
	display: grid;
	place-items: center; 
	inline-size: 100%;
	block-size: 100%;
	font-weight: normal;
	color: #fff;
	line-height: 1.4;
	position: absolute;
	inset: 0 auto auto 0;
}
#ban_ph > div a .txt .t3 {
	font-weight: bold;
	line-height: 1.3;
}

/* clamp()関数 */
#ban_ph > div a .txt .t1 {
	font-size: clamp(0.94rem, 0.779rem + 0.500vw, 1.25rem);
}
#ban_ph > div a .txt .t2 {
	font-size: clamp(1.06rem, 0.904rem + 0.63vw, 1.38rem);
}
#ban_ph > div a .txt .t3 {
	font-size: clamp(1.69rem, 1.402rem + 1.25vw, 2.25rem);
}

#ban_ph > div > .ttl {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;
	color: #000;
	text-align: left;
	margin-block: 1.2em .5em;
}
#ban_ph > div > p {
	text-align: left;
}


/* 占い師さん大募集 */
.ban_enc1 #ban_ph > div:nth-of-type(1) .txt .t1 {
	font-weight: 600;
}
.ban_enc1 #ban_ph > div:nth-of-type(1) .txt .t2 {
	margin-block-start: .6em;
}
.ban_enc1 #ban_ph > div:nth-of-type(1) .txt .t3 {
	margin-block-start: .06em;
}
.ban_enc1 #ban_ph > div:nth-of-type(1) .txt .icn {
	inline-size: 50%;
	margin-inline: auto;
	margin-block-start: .5em;
}

/* 正社員・アルバイト募集中 */
.ban_enc1 #ban_ph > div:nth-of-type(2) .txt .in {
	position: relative;
	inset-block-start: -.5em;
}
.ban_enc1 #ban_ph > div:nth-of-type(2) .txt .t1 {
	font-weight: 600;	
}
.ban_enc1 #ban_ph > div:nth-of-type(2) .txt .t1 span {
	display: inline-block;
	color: #ef174a;
	background-color: #fff;
	padding: .1em 1.5em .2em 1.5em;
	border-radius: 2em;
}
.ban_enc1 #ban_ph > div:nth-of-type(2) .txt .t3 {
	margin-block-start: 1.4em;
	position: relative;
}

/* enc2 */
.ban_enc2 #ban_ph > div a .txt .t1 {
	font-weight: 600;
}
.ban_enc2 #ban_ph > div a .txt .t3 {
	margin-block-start: .3em;
}


/* sub */
#ban_ph > div a .txt .sub {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	column-gap: 4%;
	row-gap: 0;
	inline-size: 49.80%;
	margin-inline: auto;
	margin-block-start: .6em;
}
#ban_ph > div a .txt .sub > div {
	position: relative;
}
#ban_ph > div a .txt .sub > div span {
	font-size: 18px;
	font-size: clamp(0.94rem, 0.811rem + 0.50vw, 1.19rem);
	font-weight: bold;
	line-height: 1.2;
	color: #fff;
	text-align: center;
	position: absolute;
	inset: 50% auto auto 50%;
	transform: translateX(-50%) translateY(-50%);
	white-space: nowrap;
}








@media handheld, print, screen and (min-width: 480px) {
/* tablet */

.ban_enc1,
.ban_enc2 {
	inline-size: 440px;
}
#ban_ph > div > .ttl {
	font-size: 17px;
}


/* end of media query(tablet) */	
}



@media handheld, print, screen and (min-width: 700px) {
/* iPad */

.ban_enc1,
.ban_enc2 {
	inline-size: 100%;
}
#ban_ph {
	grid-template-columns: 1fr 1fr;
	column-gap: 3.4%;
	row-gap: 2em;
}
.ban_enc2 #ban_ph {
	row-gap: 3.5em;
}
#ban_ph > div > .ttl {
	font-size: 18px;
}

/* clamp()関数 */
#ban_ph > div .txt .t1 {
	font-size: clamp(0.94rem, 0.779rem + 0.500vw, 1.25rem);
}
#ban_ph > div .txt .t2 {
	font-size: clamp(1.06rem, 0.904rem + 0.63vw, 1.38rem);
}
#ban_ph > div .txt .t3 {
	font-size: clamp(1.50, 1.120rem + 1.06vw, 2.25rem);
}






/* end of media query(iPad) */	
}



@media handheld, print, screen and (min-width: 900px) {
/* pc */

#ban_ph > div > .ttl {
	font-size: 20px;
}
/* end of media query(pc) */
}