@charset "utf-8";
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
マイリスト機能 CSS（SP用）
元: sp2.css, sp_worker.css
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

@media screen and (max-width:640px) {
	/* ▼ company.html（企業情報：先輩インタビューボタン） */
	#incorpArea #sub_link.haveMylists .btn_box a.btn_senpai_interview {
		margin-right: 0;
	}
	#incorpArea #sub_link.haveMylists .mylist {
		right: 0;
		transform: translate(-10px , -50%);
	}

	/* ▼ company.html（先輩の仕事紹介） */
	#incorpArea #works_wrap .worksBox .works_title.haveMylists .interviewyear {
		margin-right: 0;
	}
	#incorpArea #intern_wrap .internBox .intern_title .haveMylists h5 {
		width: calc(100% - 50px);
	}
	/* ▼ worker.html（先輩情報） */
	#worker_TypeA .haveMylists .yearhead span {
		margin-bottom: 10px;
	}
	#worker_TypeA #lead.haveMylists {
		position: relative;
	}
	#worker_TypeA #lead.haveMylists .mylist {
		position: absolute;
		top: 0;
		right: 0;
		transform: translate(-50% , -15px);
	}
	#incorpArea #works_wrap .worksBox .works_title.haveMylists h5 {
		width: calc(100% - 50px);
	}
	#worker_TypeB #lead.haveMylists .mylist {
		transform: translate(calc(-15px + 7px) , calc(-50% + 7px));
	}
	#worker_TypeD #lead.haveMylists {
		margin-top: 30px;
	}
	#worker_TypeD #lead.haveMylists .mylist {
		transform: translate(calc(-15px + 7px) , -24px);
	}
	#incorpArea #sub_link.haveMylists.senpai_interview {
		min-height: 35px;
	}
	#incorpArea #works_wrap .worksBox .works_title.haveMylists .teiin {
		margin-right: 0;
		width: 100%;
	}
	#worker_TypeC #lead.haveMylists {
		margin-top: 15px;
	}
	#worker_TypeC #lead.haveMylists .mylist {
		top: 0;
		transform: translate(-3px , calc(-50% + 3.5px));
	}
	#worker_TypeB #lead.haveMylists .copy {
		margin-top: 10px;
	}
	#worker_TypeD #lead.haveMylists .copy {
		margin-top: 10px;
	}
}