@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&family=Oswald:wght@200..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Rock+Salt&family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&family=Zen+Maru+Gothic:wght@300;400;500;700;900&family=Zen+Old+Mincho:wght@400;500;600;700;900&display=swap');


html, body{
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight: 500;
	font-style: normal;
	background-color: #fff;
	line-height: 1.5;
	font-size: 16px;
	color: #ff0000;
}

.hanken{
	font-family: "Hanken Grotesk", sans-serif;
	font-optical-sizing: auto;
	font-weight: 900;
	font-style: normal;
}
.zen_mincho{
	font-family: "Zen Old Mincho", serif;
	font-weight: 700;
	font-style: normal;
}
.poppins{
	font-family: "Poppins", sans-serif;
	font-weight: 700;
	font-style: normal;
}
.oswald{
	font-family: "Oswald", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
}
.zen_kaku{
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-weight: 700;
	font-style: normal;
}
.rocksalt{
  font-family: "Rock Salt", cursive;
  font-weight: 400;
  font-style: normal;
}
.pr{
	position: relative;
}
.hidden{
	overflow: hidden;
}


.inner{
	max-width: 1000px;
	margin: 0 auto;
}
.largeinner{
	max-width: 1440px;
	margin: 0 auto;
}
.flex{
	display: flex;
	align-items: center;
}
.jcc{
	justify-content: center;
}
.jce{
	justify-content: end;
}
.jcsb{
	justify-content: space-between;
}
.aifs{
	align-items: flex-start;
}
.aife{
	align-items: flex-end;
}
.aic{
	align-items: center;
}
.spbr{
	display: none;
}
.pcbr{
	display: block;
}

@media screen and (max-width:1000px){
	.inner{
		max-width: 90vw;
	}
}
@media screen and (max-width:767px){
	.inner{
		max-width: 90vw;
		margin: 0 auto;
	}
	.largeinner{
		max-width: 92vw;
		margin: 0 auto;
	}
	.spbr{
		display: block;
	}
	.pcbr{
		display: none;
	}
}

/*header*/
header{
	padding: 32px 0 0 0;
	transition: .4s;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
	width: 1000px;
}
header .header_ul li{
	font-size: 16px;
	line-height: 1.6;
	letter-spacing: calc(16px*0.05);
	color: #333333;
	margin-right: 56px;
}
header .header_ul li:nth-child(3){
	margin-right: 90px;
}
header .header_ul li:nth-child(4){
	margin-right: 62px;
}
header .header_ul li:last-child{
	margin-right: 0;
}
header .header_ul li a{
	display: block;
}
header .header_ul li a .header_logo{
	display: block;
	width: 85px;
	height: 75px;
}
header .header_ul li a.header_menu{
	transition: .4s;
	position: relative;
}
header .header_ul li a.header_menu:hover{
	color: #DD4F36;
}
header .header_ul li a.header_menu:before{
	position: absolute;
	content: '';
	background-color: #DD4F36;
	width: 100%;
	height: 1px;
	bottom: -4px;
	left: 0;
	transform-origin: right top;
	transform: scale(0, 1);
	transition: transform .4s;
}
header .header_ul li a.header_menu:hover::before{
	transform-origin: left top;
	transform: scale(1, 1);
}
header .sp_header_ul,
header .sp_header{
	display: none;
}

@media screen and (max-width:767px){
	header{
		padding: 0;
		left: 50%;
		transform: translateX(-50%);
		z-index: 2;
	}
	header .sp_header{
		display: flex;
		padding-bottom: 2.56vw;
	}
	header.fix .sp_header{
		background: rgba(255, 255, 255, 0.8);
	}
	header .header_ul{
		display: none;
	}
	header .sp_header_ul{
		display: none;
	}
	header .sp_header_ul{
		display: none;
		background-color: #fff;
		height: 100vh;
		width: 100vw;
		position: absolute;
		top: 0;
		left: 0;
		padding: 100px 72px 178px 72px;
	}
	header .sp_header_ul .header_menu{
		font-size: 3.59vw;
		letter-spacing: calc(3.59vw*0.05);
		line-height: 1.6;
		color: #333;
		padding: 5.13vw 5.13vw 5.13vw 0;
		border-bottom: 1px solid #F4B81F;
		position: relative;
		display: block;
	}
	header .sp_header_ul .header_menu:before{
		position: absolute;
		content: '';
		background-color: #333;
		background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/fv_cta_arrow.svg);
		background-size: 3.08vw;
		background-position: center;
		background-repeat: no-repeat;
		width: 5.13vw;
		height: 5.13vw;
		top: 50%;
		right: 5.13vw;
		transform: translateY(-50%);
		border-radius: 100%;
	}
	header .sp_header_ul .header_menu .sp_menu_en{
		display: block;
		margin-top: 1.54vw;
		font-size: 3.08vw;
		letter-spacing: calc(3.08vw*0.05);
		line-height: 1.6;
		color: #4CBFE6;
		font-weight: 600;
	}
	.sp_header .header_logo_sp{
		display: block;
		width: 12.82vw;
		height: 11.28vw;
		margin-top: 1.54vw;
		margin-left: 5.13vw;
	}
	.sp_header .sp_dic{
		background-color: #333;
		width: 12.82vw;
		height: 12.82vw;
		position: relative;
		display: block;
		opacity: 1;
		transition: .4s;
	}
	.sp_header.open .sp_dic{
		opacity: 0;
	}
	.sp_header .sp_dic:before{
		position: absolute;
		content: '';
		background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/sp_dic_dl.svg);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		width: 9.23vw;
		height: 9.23vw;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.sp_header .sp_menu{
		background-color: #F4B81F;
		width: 12.82vw;
		height: 12.82vw;
		position: relative;
	}
	.sp_header .sp_menu:before{
		position: absolute;
		content: '';
		background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/sp_menu.svg);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		width: 9.23vw;
		height: 9.23vw;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		transition: .4s;
	}
	.sp_header.open .sp_menu:before{
		background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/sp_menu_open.svg);
	}
}

/*追従header*/
header.fix{
	padding: 24px 32px;
	background-color: #fff;
	box-shadow:  0px 0px 30px 10px rgba(51, 51, 51, 0.2);
	position: fixed;
	top: 40px;
	border-radius: 30px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 3;
	width: 1064px;
}
header.fix .inner{
	max-width: 1064px;
}

@media screen and (max-width:1064px){
	header.fix{
		padding: 24px 32px;
		width: 90vw;
	}
	header.fix .inner{
		max-width: 90vw;
	}
	header .header_ul li{
		font-size: 12px;
		letter-spacing: calc(12px*0.05);
		margin-right: 16px;
	}
	header .header_ul li:nth-child(3){
		margin-right: 40px;
	}
	header .header_ul li:nth-child(4){
		margin-right: 30px;
	}
	header .header_ul li a .header_logo{
		display: block;
		width: 55px;
		height: 45px;
	}
}

@media screen and (max-width:1000px){
	header{
		width: 90vw;
	}

}
@media screen and (max-width:767px){
	header{
		width: 100%;
	}
	header.fix{
		padding: unset;
		background-color: unset;
		box-shadow: unset;
		top: 0;
		border-radius: unset;
		left: 0;
		transform: unset;
		z-index: 3;
		width: 100vw;
		transition: unset;
	}
	header.fix .inner{
		max-width: unset;
	}
}



/*資料ダウンロード*/
.dc_dl{
	color: #fff;
	width: 106px;
	padding: 20px 45px;
	writing-mode: vertical-rl;
	font-size: 16px;
	letter-spacing: calc(16px*0.37);
	font-weight: 700;
	line-height: 1.4; 
	position: fixed;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	z-index: 5;
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/dc_dl_tp.webp);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	transition: .2s;
}
.dc_dl:before{
	position: absolute;
	content: '';
	background-color: #333;
	width: 106px;
	height: 60px;
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/fv_cta_arrow.svg);
	background-size: 36px;
	background-repeat: no-repeat;
	background-position: center;
	bottom: -60px;
	right: 0;
}
.dc_dl:hover{
	opacity: 0.8;
}
@media screen and (max-width:1000px){
	.dc_dl{
		width: 56px;
		padding: 20px 15px;
	}
	.dc_dl:before{
		width: 56px;
	}
}
@media screen and (max-width:767px){
	.dc_dl{
		display: none;
	}
}

/*fv*/
.fv{
	background-color: #fdfbf3;
	padding: 460px 0 230px 0;
	position: relative;
}
.hude{
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/fv_title_bg.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 996px 812px;
	position: absolute;
	width: 100%;
	height: 100%;
	top: -130px;
	left: 50%;
	transform: translateX(-50%);
}
.fv .fv_title{
	font-size: 110px;
	color: #fff;
	line-height: 0.8;
	letter-spacing: calc(110px*0.05);
	text-shadow: 0px 0px 5px rgba(51, 51, 51, 0.25);
	-webkit-text-stroke: 1px #F4B81F;
	text-align: left;
	display: flex;
	justify-content: center;
	position: relative;
	padding-bottom: 388px;
}
.fv .fv_cta{
	position: relative;
	z-index: 1;
}
.fv .fv_cta a{
	display: block;
	padding: 52px 0;
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/fv_cta_bg.webp);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	color: #fff;
	font-size: 24px;
	line-height: 2;
	letter-spacing: calc(24px*0.05);
	text-align: center;
	position: relative;
	transition: .4s;
}
.fv .fv_cta a:hover{
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/fv_cta_bg_hover.webp);
	color: #F4B81F;
}
.fv .fv_cta a:before{
	position: absolute;
	content: '';
	width: 88px;
	height: 88px;
	background-color: #333;
	bottom: 0;
	right: 0;
	border-radius: 100%;
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/fv_cta_arrow.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 36px;
	transition: .4s;
}
.fv .fv_cta a:hover:before{
	background-color: #F4B81F;
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/fv_cta_arrow_black.svg);
}
.fv .fv_cta a p span{
	position: relative;
}
.fv .fv_cta a p span:before{
	position: absolute;
	content: '';
	width: 4px;
	height: 4px;
	background-color: #333;
	border-radius: 100%;
	top: -4px;
	left: 10px;
	transition: .4s;
}
.fv .fv_cta a:hover p span:before{
	background-color: #F4B81F;
}
.fv_photo{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.fv_photo01,
.fv_photo02,
.fv_photo03,
.fv_photo04{
	position: absolute;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.fv_photo01{
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/fv_person_01.webp);
	padding: 100px;
	top: 207px;
	left: calc(50% - 576px);
}
.fv_photo02{
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/fv_person_02.webp);
	width: 167px;
	padding: 125px 0;
	top: 167px;
	left: calc(50% - -330px);
}
.fv_photo03{
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/fv_person_03.webp);
	width: 453px;
	padding: 84px 0;
	top: 757px;
	left: calc(50% - 510px);
}
.fv_photo04{
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/fv_person_04.webp);
	width: 160px;
	padding: 80px 0;
	top: 595px;
	left: calc(50% - -250px);
}

.fv_comment{
	position: absolute;
	top: calc(50% - -40px);
	left: calc(50% - -30px);
}
.blur{
	filter: blur(10px);
	opacity: 0;
}
.blur.scrollin{
	opacity: 1;
	filter: blur(0);
}
.fv_photo01.blur{
		transition: all 1.4s;
}
.fv_photo02.blur{
		transition: all 1.8s;
}
.fv_photo03.blur{
		transition: all 2.2s;
}
.fv_photo04.blur{
		transition: all 2.6s;
}
/*fv_commentアニメーション用style*/
@keyframes animate-svg-fill-1{0%{fill:transparent}100%{fill:rgb(76,191,230)}}.svg-elem-1{animation:animate-svg-fill-1 0.7s ease 0.8s both}@keyframes animate-svg-fill-2{0%{fill:transparent}100%{fill:rgb(76,191,230)}}.svg-elem-2{animation:animate-svg-fill-2 0.7s ease 1s both}@keyframes animate-svg-fill-3{0%{fill:transparent}100%{fill:rgb(76,191,230)}}.svg-elem-3{animation:animate-svg-fill-3 0.7s ease 1.2000000000000002s both}@keyframes animate-svg-fill-4{0%{fill:transparent}100%{fill:rgb(76,191,230)}}.svg-elem-4{animation:animate-svg-fill-4 0.7s ease 1.4000000000000001s both}@keyframes animate-svg-fill-5{0%{fill:transparent}100%{fill:rgb(76,191,230)}}.svg-elem-5{animation:animate-svg-fill-5 0.7s ease 1.6s both}@keyframes animate-svg-fill-6{0%{fill:transparent}100%{fill:rgb(76,191,230)}}.svg-elem-6{animation:animate-svg-fill-6 0.7s ease 1.8s both}@keyframes animate-svg-fill-7{0%{fill:transparent}100%{fill:rgb(76,191,230)}}.svg-elem-7{animation:animate-svg-fill-7 0.7s ease 2s both}@keyframes animate-svg-fill-8{0%{fill:transparent}100%{fill:rgb(76,191,230)}}.svg-elem-8{animation:animate-svg-fill-8 0.7s ease 2.2s both}@keyframes animate-svg-fill-9{0%{fill:transparent}100%{fill:rgb(76,191,230)}}.svg-elem-9{animation:animate-svg-fill-9 0.7s ease 2.4000000000000004s both}@keyframes animate-svg-fill-10{0%{fill:transparent}100%{fill:rgb(76,191,230)}}.svg-elem-10{animation:animate-svg-fill-10 0.7s ease 2.6s both}@keyframes animate-svg-fill-11{0%{fill:transparent}100%{fill:rgb(76,191,230)}}.svg-elem-11{animation:animate-svg-fill-11 0.7s ease 2.8s both}@keyframes animate-svg-fill-12{0%{fill:transparent}100%{fill:rgb(76,191,230)}}.svg-elem-12{animation:animate-svg-fill-12 0.7s ease 3s both}@keyframes animate-svg-fill-13{0%{fill:transparent}100%{fill:rgb(76,191,230)}}.svg-elem-13{animation:animate-svg-fill-13 0.7s ease 3.2s both}@keyframes animate-svg-fill-14{0%{fill:transparent}100%{fill:rgb(76,191,230)}}.svg-elem-14{animation:animate-svg-fill-14 0.7s ease 3.4000000000000004s both}@keyframes animate-svg-fill-15{0%{fill:transparent}100%{fill:rgb(76,191,230)}}.svg-elem-15{animation:animate-svg-fill-15 0.7s ease 3.6000000000000005s both}@keyframes animate-svg-fill-16{0%{fill:transparent}100%{fill:rgb(76,191,230)}}.svg-elem-16{animation:animate-svg-fill-16 0.7s ease 3.8s both}@keyframes animate-svg-fill-17{0%{fill:transparent}100%{fill:rgb(76,191,230)}}.svg-elem-17{animation:animate-svg-fill-17 0.7s ease 4s both}

@media screen and (max-width:1168px){
	.fv_photo01{
		padding: 75px;
		top: 207px;
		left: calc(50% - 296px);
	}
	.fv_photo02{
		width: 91px;
		padding: 75px 0;
		top: 167px;
		left: calc(50% - -190px);
	}
	.fv_photo03{
		width: 300px;
		padding: 55px 0;
		top: 757px;
		left: calc(50% - 310px);
	}
	.fv_photo04{
		width: 120px;
		padding: 60px 0;
		top: 595px;
		left: calc(50% - -120px);
	}
	.fv .fv_title{
		font-size: 80px;
		letter-spacing: calc(80px*0.05);
	}
	.fv .fv_cta a{
		padding: 10px 0;
		font-size: 20px;
		letter-spacing: calc(20px*0.05);
		width: 700px;
		margin: 0 auto;
	}
	.fv_comment{
		width: 300px;
		top: calc(50% - -70px);
	}
	.fv .fv_cta a:before{
		width: 60px;
		height: 60px;
		border-radius: 100%;
		background-size: 20px;
		margin: 0 auto;
	}
}
@media screen and (max-width:767px){
	.hude{
		background-size: 133.85vw 109.23vw;
		background-position: -12.82vw 79.49vw;
		width: 100%;
		height: 100%;
		top: -51.28vw;
		left: unset;
		transform: unset;
	}
	.fv{
		padding: 27.18vw 0 5.13vw 0;
	}
	.fv .fv_title{
		font-size: 11.79vw;
		letter-spacing: calc(11.79vw*0.04);
		padding-bottom: 72.37vw;
		padding-top: 51.28vw;
		line-height: 1;
	}
	.fv_comment{
		width: 81.54vw;
		height: 25.13vw;
		left: calc(50% - 30.77vw);
		top: 110.26vw;
	}
	.fv_photo01{
		top: 26.92vw;
		left: calc(50% - 39.13vw);
	}
	.fv_photo02{
		width: 23.33vw;
		padding: 16.15vw 0;
		top: 40.26vw;
		left: calc(50% - -17.82vw);
	}
	.fv_photo03{
		width: 76.92vw;
		padding: 14.1vw 0;
		top: 140vw;
		left: calc(50% - 35.9vw);
	}
	.fv_photo04{
		width: 20.51vw;
		padding: 10.26vw 0;
		top: 110.26vw;
		left: calc(50% - 43.59vw);
	}
	.fv .fv_cta a{
		padding: 2.05vw 0;
		font-size: 4.10vw;
		letter-spacing: calc(4.10vw*0.05);
		width: 85.9vw;
		margin: 0 auto;
		background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/fv_cta_bg_sp.webp);
		border-radius: 2.56vw;
	}
	.fv .fv_cta a:hover{
		background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/fv_cta_bg_sp.webp);
		color: #fff;
	}
	.fv .fv_cta a:before{
		width: 10.77vw;
		height: 10.77vw;
		border-radius: 100%;
		background-size: 6.15vw;
		bottom: 6px;
		right: 0;
	}
	.fv .fv_cta a:hover:before{
		background-color: #333;
		background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/fv_cta_arrow.svg);
	}
	.fv .fv_cta a p span:before{
		display: none;
	}
}

/*top_about*/
.top_about{
	padding-top: 600px;
	padding-bottom: 160px;
	background-color: #fff;
	position: relative;
}
.common_ttl{
	font-size: 300px;
	line-height: 1;
	letter-spacing: calc(300px*0.05);
	color: #F4B81F;
	position: relative;
	padding-bottom: 120px;
}
.top_about .common_ttl{
	position: absolute;
	top: 226px;
	left: calc(50% - 750px);
}
.common_ttl span{
	color: transparent;
	-webkit-text-stroke: 2px #F4B81F;
}
.top_about .top_about_deco{
	font-size: 56px;
	font-weight: 700;
	line-height: 1.6;
	letter-spacing: calc(56px*0.3);
	color: #dd4f36;
	writing-mode: vertical-rl;
	position: absolute;
	top: 226px;
	right: calc(50% - 420px);
	height: 560px;
}
.textanime{
	opacity: 0;
}
.textanime.active{
	animation: 1.6s slideTextX-100 ease-in-out forwards;
}
@keyframes slideTextX-100 {
	from {
	transform: translateX(-100%);
				opacity: 0;
	}

	to {
	transform: translateX(0);
		opacity: 1;
	}
}
.bgextend{
	animation-name:bgextendAnimeBase;
	animation-duration:1s;
	animation-fill-mode:forwards;
	position: relative;
	overflow: hidden;/*　はみ出た色要素を隠す　*/
	opacity:0;
}
@keyframes bgextendAnimeBase{
	from {
		opacity:0;
	}

	to {
		opacity:1;  
	}
}
/*中の要素*/
.bgappear{
	animation-name:bgextendAnimeSecond;
	animation-duration: 1.6s;
	animation-delay: 0.8s;
	animation-fill-mode:forwards;
	opacity: 0;
}
@keyframes bgextendAnimeSecond{
	0% {
	opacity: 0;
	}
	100% {
	opacity: 1;
	}
}
/*上から下*/
.bgUDextend::before{
	animation-name:bgUDextendAnime;
	animation-duration: 1.6s;
	animation-fill-mode:forwards;
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #dd4f36;/*伸びる背景色の設定*/
}
@keyframes bgUDextendAnime{
	0% {
		transform-origin:top;
		transform:scaleY(0);
	}
	50% {
		transform-origin:top;
		transform:scaleY(1);
	}
	50.001% {
		transform-origin:bottom;
	}
	100% {
		transform-origin:bottom;
		transform:scaleY(0);
	}
}
.bgappearTrigger,
.bgUDextendTrigger{
	opacity: 0;
}
.common_txt{
	font-size: 16px;
	letter-spacing: calc(16px*0.05);
	line-height: 2;
	color: #333;
	font-weight: 400;
	padding-bottom: 64px;
}
.top_about .common_txt{
	padding-top: 184px;
}
.top_about .top_about_cta{
	font-size: 24px;
	letter-spacing: calc(24px*0.05);
	line-height: 1;
	color: #333;
	position: relative;
	display: block;
	margin-left: auto;
	text-align: end;
	padding: 40px 176px 40px 0;
	transition: .4s;
	width: 546px;
}
.top_about .top_about_cta:hover{
	color: #F4B81F;
}
.top_about .top_about_cta:before{
	position: absolute;
	content: '';
	width: 64px;
	height: 64px;
	border-radius: 100%;
	background-color: #333;
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/fv_cta_arrow.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 26px 26px;
	right: 32px;
	top: 50%;
	transform: translateY(-50%);
	transition: .4s;
}
.top_about .top_about_cta:hover::before{
	background-color: #F4B81F;
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/fv_cta_arrow_black.svg);
}

@media screen and (max-width:1502px){
	.top_about{
		padding-top: 340px;
	}
	.top_about .common_ttl{
		top: 126px;
		left: calc(50% - 510px);
		font-size: 200px;
		letter-spacing: calc(200px*0.05);
	}
	.top_about .top_about_deco{
		font-size: 36px;
		letter-spacing: calc(36px*0.3);
		top: 126px;
		right: calc(50% - 280px);
		height: 350px;
	}
	.top_about .common_txt{
		padding-top: 124px;
	}
}
@media screen and (max-width:1000px){
	.top_about .common_ttl{
		left: calc(50% - 370px);
		font-size: 140px;
		letter-spacing: calc(140px*0.05);
	}
	.top_about .top_about_deco{
		font-size: 32px;
		letter-spacing: calc(32px*0.3);
		right: calc(50% - 200px);
		height: 300px;
	}
	.top_about .common_txt{
		padding-top: 84px;
	}
}
@media screen and (max-width:767px){
	.top_about{
		padding-top: 56.41vw;
		padding-bottom: 16.41vw;
	}
	.common_ttl{
		font-size: 76.92vw;
		line-height: 1;
		letter-spacing: calc(76.92vw*0.05);
		color: #F4B81F;
		position: relative;
		padding-bottom: 30.77vw;
	}
	.top_about .common_ttl{
		left: calc(50% - 56.41vw);
		font-size: 20.51vw;
		letter-spacing: calc(20.51vw*0.05);
		top: 16.41vw;
		padding-bottom: 0;
	}
	.common_ttl span{
		-webkit-text-stroke: 1px #F4B81F;
	}
	.common_txt{
		font-size: 3.59vw;
		letter-spacing: calc(3.59vw*0.05);
		padding-bottom: 12.31vw;
	}
	.top_about .common_txt{
		padding-top: 52.31vw;
	}
	.top_about .top_about_cta{
		font-size: 4.1vw;
		letter-spacing: calc(4.1vw*0.05);
		margin-left: unset;
		text-align: center;
		padding: 0 5.13vw 0 0;
		width: 65.13vw;
		margin: 0 auto;
	}
	.top_about .top_about_cta:hover{
		color: #333;
	}
	.top_about .top_about_cta:before{
		width: 5.13vw;
		height: 5.13vw;
		background-size: 3.08vw;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
	}
	.top_about .top_about_cta:hover::before{
		background-color: #333;
		background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/fv_cta_arrow.svg);
	}
	.top_about .top_about_deco{
		font-size: 6.67vw;
		letter-spacing: calc(6.67vw*0.7);
		right: calc(50% - 38.46vw);
		height: 82.05vw;
		top: 24.1vw;
	}
}

/*top_business*/
.top_business{
	background-color: #fff;
	padding-bottom: 434px;
	position: relative;
}
.top_business .common_ttl{
	writing-mode: vertical-rl;
	position: absolute;
	height: 1920px;
	padding-bottom: 0;
	letter-spacing: calc(300px * 0.07);
}

.top_business .top_business_chart{
	width: 700px;
	height: 700px;
	display: block;
	position: absolute;
	right: calc(50% - 416px);
	top: 160px;
}
.top_business .common_txt{
	position: relative;
	padding-top: 920px;
	padding-bottom: 80px;
}
.common_cta{
	display: block;
	color: #333;
	font-size: 24px;
	letter-spacing: calc(24px*0.05);
	line-height: 1;
	width: 546px;
	padding: 52px 187px 52px 30px;
	background-color: #F4B81F;
	border-radius: 30px;
	position: relative;
	margin-left: auto;
	transition: .4s;
	z-index: 1;
}
.common_cta:before{
	position: absolute;
	content: '';
	background-color: #333;
	width: 64px;
	height: 64px;
	border-radius: 100%;
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/fv_cta_arrow.svg);
	background-size: 26px;
	background-repeat: no-repeat;
	background-position: center;
	right: 32px;
	top: 50%;
	transform: translateY(-50%);
	transition: .4s;
}
.common_cta:hover{
	color: #F4B81F;
	background-color: #333;
}
.common_cta:hover::before{
	background-color: #F4B81F;
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/fv_cta_arrow_black.svg);
}

@media screen and (max-width:1000px){
	.top_business{
		background-color: #fff;
		padding-bottom: 434px;
	}
	.top_business .common_ttl{
		height: 1920px;
		letter-spacing: calc(200px * 0.07);
		font-size: 200px;
	}
	.top_business .top_business_chart{
		width: 550px;
		height: 550px;
		right: calc(50% - 344px);
		top: 100px;
	}
	.top_business .common_txt{
		position: relative;
		padding-top: 690px;
		padding-bottom: 80px;
	}
}
@media screen and (max-width:767px){
	.top_business{
		background-color: #fff;
		padding-bottom: 45.38vw;
		overflow-x: hidden;
	}
	.top_business .common_ttl{
		writing-mode: unset;
		height: unset;
		padding-bottom: 0;
		letter-spacing: calc(20.51vw * 0.05);
		font-size: 20.51vw;
		right: calc(50% - 58.97vw);
		width: 112.82vw;
	}
	.top_business .chart_wrap{
		padding-top: 42.05vw;
		padding-bottom: 10.26vw;
		position: relative;
	}
	.top_business .top_business_chart{
		width: 85.9vw;
		height: 85.9vw;
		display: block;
		position: absolute;
		right: calc(50% - 43.59vw);
		top: 13.85vw;
	}
	.top_business .common_txt{
		position: relative;
		padding-top: 100.51vw;
		padding-bottom: 10.26vw;
	}
	.common_cta{
		font-size: 4.62vw;
		letter-spacing: calc(4.62vw*0.05);
		width: 85.9vw;
		padding: 5.13vw 12.82vw 5.13vw 5.13vw;
		border-radius: 2.56vw;
		margin-left: unset;
		margin: 0 auto;
	}
	.common_cta:before{
		width: 7.18vw;
		height: 7.18vw;
		background-size: 4.1vw;
		right: 5.13vw;
	}
	.common_cta:hover{
		color: #333;
		background-color: #F4B81F;
	}
	.common_cta:hover::before{
		background-color: #333;
		background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/fv_cta_arrow.svg);
	}
}

/*top_recruit*/
.top_recruit{
	background-color: #333;
	padding-bottom: 138px;
	position: relative;
	overflow-x: clip;
}
.top_recruit .menbers_photo{
	position: absolute;
	display: none;
	width: 495px;
	height: 295px;
	bottom: 0;
	right: calc(50% - 690px);
	animation: poyoyon2 1s ease-in-out forwards;
}
.top_recruit .menbers_photo.active{
	display: block;
}

@keyframes poyoyon2 {
  0%  {
    transform: scale(1.0, 1.0) translate(0, 0);
  }
  15% {
    transform: scale(0.98, 0.9) translate(0, 5px);
  }
  30% {
    transform: scale(1.02, 1.0) translate(0, 8px);
  }
  50% {transform: scale(0.98, 1.05) translate(0, -8px);
  }
  70% {
    transform: scale(1.0, 0.9) translate(0, 5px);
  }
  100% {
    transform: scale(1.0, 1.0) translate(0, 0);
  }
  0%, 100% {
    opacity: 1;
  }
}
.top_recruit .common_ttl{
	font-size: 300px;
	line-height: 1;
	letter-spacing: calc(300px*0.05);
	color: #F4B81F;
	position: relative;
	padding-bottom: 120px;
	padding-top: 40px;
}
.top_recruit .common_txt{
	position: relative;
	padding-bottom: 56px;
}
.top_recruit .common_cta{
	display: block;
	color: #333;
	font-size: 24px;
	letter-spacing: calc(24px*0.05);
	line-height: 1;
	width: 546px;
	padding: 52px 187px 52px 30px;
	background-color: #F4B81F;
	border-radius: 30px;
	position: relative;
	margin-left: unset;
	transition: .4s;
}
.top_recruit .common_cta:hover{
	background-color: #f8d479;
}
.top_recruit .common_cta:hover::before{
	background-color: #333;
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/fv_cta_arrow_yellow.svg);
}
.top_recruit .rectuit_bg_wrap{
	padding-bottom: 38px;
}
.top_recruit .top_recruit_bg{
	display: block;
	width: 421px;
	position: absolute;
	top: calc(50% - 696px);
	right: calc(50% - 520px);
}
.top_recruit .common_txt{
	color: #fff;
}

@media screen and (max-width:1520px){
	.top_recruit .menbers_photo{
		right: calc(50% - 550px);
	}
	.top_recruit .common_ttl{
		font-size: 200px;
		letter-spacing: calc(200px*0.05);
	}
}
@media screen and (max-width:1220px){
	.top_recruit .menbers_photo{
		right: calc(50% - 400px);
	}
	.top_recruit .common_cta{
		font-size: 18px;
		letter-spacing: calc(18px*0.05);
		width: 400px;
		padding: 52px 52px 52px 30px;
	}
	.top_recruit .top_recruit_bg{
		width: 381px;
		right: calc(50% - 420px);
	}
}
@media screen and (max-width:1000px){
	.top_recruit .menbers_photo{
		right: calc(50% - 270px);
		bottom: -170px;
	}
	.top_recruit .top_recruit_bg{
		width: 381px;
	}
}
@media screen and (max-width:767px){
	.top_recruit{
		background-color: #333;
		padding-bottom: 61.03vw;
		position: relative;
		overflow-x: clip;
	}
	.top_recruit .menbers_photo{
		width: 85.9vw;
		height: 50.77vw;
		bottom: 0;
		right: calc(50% - 43.59vw);
	}
	.top_recruit .common_ttl{
		font-size: 20.51vw;
		letter-spacing: calc(20.51vw*0.05);
		padding-bottom: 10.26vw;
		padding-top: 54.62vw;
		left: calc(50% - 49.23vw);
	}
	.top_recruit .common_txt{
		position: relative;
		padding-bottom: 10.26vw;
	}
	.top_recruit .common_cta{
		font-size: 4.62vw;
		letter-spacing: calc(4.62vw*0.05);
		width: 85.9vw;
		padding: 5.13vw 106px 5.13vw 5.13vw;
		border-radius: 2.56vw;
		margin: 0 auto;
	}
	.top_recruit .common_cta:hover{
		background-color: #F4B81F;
	}
	.top_recruit .common_cta:hover::before{
		background-color: #333;
		background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/fv_cta_arrow.svg);
	}
	.top_recruit .rectuit_bg_wrap{
		padding-bottom: 0;
	}
	.top_recruit .top_recruit_bg{
		display: block;
		width: 51.28vw;
		position: absolute;
		top: calc(50% - 144.62vw);
		right: calc(50% - 43.59vw);
	}
	.top_recruit .common_txt{
		color: #fff;
	}
}

/*top_workstyle*/
.top_workstyle{
	background-color: #fff;
	padding-top: 160px;
	position: relative;
	overflow-x: clip;
	padding-bottom: 260px;
}
.top_workstyle .common_ttl{
	position: absolute;
	top: 720px;
	left: calc(50% - 324px);
	z-index: 0;
	padding-bottom: 0;
}
.top_workstyle .style_ul{
	margin-right: 48px;
	width: 540px;
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/work_style_bg.webp);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding: 194px 18px 272px 44px;
	height: 720px;
	z-index: 1;
}
.top_workstyle .style_ul.show01{
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/work_style_bg.webp);
	background-color: unset;
}
.top_workstyle .style_ul.show02{
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/ws_bg02.webp);
}
.top_workstyle .style_ul.show03{
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/ws_bg03.webp);
}
.top_workstyle .style_ul li{
	margin-bottom: 85px;
}
.top_workstyle .style_ul li:last-child{
	margin-bottom: 0;
}
.top_workstyle .style_ul li a{
	color: #fff;
	font-size: 28px;
	letter-spacing: calc(28px*0.05);
	line-height: 1;
	transition: .4s;
}
.top_workstyle .style_ul li a p{
	padding-left: 40px;
	transition: .4s;
}
.top_workstyle .style_ul li a:hover p{
	font-size: 36px;
}
.top_workstyle .style_ul li a span{
	transition: .4s;
	position: relative;
}
.top_workstyle .style_ul li a:hover span:before{
	position: absolute;
	content: '';
	background-color: #F4B81F;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
}
.style_comment{
	width: 442px;
}
.style_comment.act01,
.style_comment.act02,
.style_comment.act03{
	display: none;
}
.style_comment.act01.show,
.style_comment.act02.show,
.style_comment.act03.show{
	display: block;
}
.style_comment h3{
	color: #DD4F36;
	font-size: 40px;
	letter-spacing: calc(40px*0.05);
	font-weight: 700;
	margin-bottom: 40px;
}
.style_comment .txt{
	color: #333;
	font-size: 24px;
	letter-spacing: 0;
	line-height: 1.8;
	margin-bottom: 68px;
}
.style_comment .name{
	color: #000;
	font-size: 20px;
	line-height: 1.8;
	letter-spacing: 0;
	padding-right: 120px;
	position: relative;
	margin-bottom: 100px;
	text-align: end;
}
.style_comment .name:before{
	position: absolute;
	content: '';
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/carrer_kobayashi.webp);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	top: 50%;
	right: 0;
	width: 108px;
	height: 108px;
	border-radius: 100%;
	transform: translateY(-50%);
}
.style_comment.act02 .name:before{
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/ca_shinohara.webp);
}
.style_comment.act03 .name:before{
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/ca_hasegawa.webp);
}
.top_workstyle .common_cta{
	position: absolute;
	right: calc(50% - 520px);
	padding: 52px 140px 52px 30px;
	z-index: 2;
}
.top_workstyle .sp_ws{
	display: none;
}

@media screen and (max-width:1260px){
	.top_workstyle .common_ttl{
		top: 820px;
		font-size: 200px;
	}
	.top_workstyle .style_ul{
		width: 440px;
	}
	.style_comment{
		width: 342px;
	}
	.style_comment h3{
		font-size: 32px;
		letter-spacing: calc(32px*0.05);
	}
	.style_comment .txt{
		font-size: 20px;
	}
	.style_comment .name{
		font-size: 16px;
	}
	.top_workstyle .style_ul li a{
		font-size: 20px;
		letter-spacing: calc(20px*0.05);
	}
	.top_workstyle .style_ul li a:hover p{
		font-size: 28px;
	}
	.top_workstyle .common_cta{
		right: calc(50% - 320px);
		padding: 52px 100px 52px 30px;
		width: 400px;
		font-size: 18px;
	}
	.top_workstyle .common_cta:before{
		width: 40px;
		height: 40px;
		background-size: 16px;
	}
}
@media screen and (max-width:1068px){
	.top_workstyle .style_ul{
		width: 320px;
	}
	.style_comment{
		width: 282px;
	}
	.style_comment h3{
		font-size: 24px;
		letter-spacing: calc(24px*0.05);
	}
	.top_workstyle .style_ul li a{
		font-size: 16px;
		letter-spacing: calc(16px*0.05);
	}
	.top_workstyle .style_ul li a:hover p{
		font-size: 20px;
	}
	.top_workstyle .style_ul{
		margin-right: 24px;
	}
}
@media screen and (max-width:767px){	
	.top_workstyle .sp_ws{
		display: block;
	}
	.top_workstyle .pc_ws{
		display: none;
	}
	.top_workstyle{
		padding-top: 16.41vw;
		padding-bottom: 52.82vw;
	}
	.top_workstyle .common_ttl{
		top: 167.69vw;
		left: calc(50% - 49.74vw);
		font-size: 20.51vw;
		letter-spacing: calc(20.51vw*0.05);
	}
	.top_workstyle .style_ul{
		margin-right: 0;
		width: 85.9vw;
		padding: 10.77vw 10.77vw 10.77vw 10.77vw;
		height: 57.18vw;
		position: relative;
		background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/work_style_bg_sp.webp);
	}
	.top_workstyle .style_ul ul{
		position: relative;
		top: 2.56vw;
		left: 2.56vw;
	}
	.top_workstyle .style_ul li{
		margin-bottom: 9.23vw;
	}
	.top_workstyle .style_ul li a{
		font-size: 4.12vw;
		letter-spacing: calc(4.12vw*0.05);
		transition: .4s;
	}
	.top_workstyle .style_ul li a p{
		padding-left: 11.03vw;
		transition: .4s;
	}
	.top_workstyle .style_ul li a:hover p{
		font-size: 4.12vw;
	}
	.top_workstyle .style_ul li a:hover span:before{
		position: unset;
		content: unset;
		background-color: unset;
		width: unset;
		height: unset;
		border-radius: unset;
		top: unset;
		left: unset;
		transform: unset;
	}
	.style_comment{
		width: 85.9vw;
	}
	.style_comment h3{
		font-size: 6.15vw;
		letter-spacing: calc(6.15vw*0.05);
		margin-bottom: 8.21vw;
	}
	.style_comment .txt{
		font-size: 4.1vw;
		margin-bottom: 9.74vw;
	}
	.style_comment .name{
		font-size: 4.1vw;
		padding-right: 30.77vw;
		margin-bottom: 12.56vw;
		text-align: start;
	}
	.style_comment .name:before{
		width: 20.51vw;
		height: 20.51vw;
	}
	.top_workstyle .common_cta{
		position: absolute;
		right: calc(50% - 41.03vw);
		padding: 5.13vw 15.38vw 5.13vw 5.13vw;
		z-index: 1;
		font-size: 4.1vw;
		letter-spacing: calc(4.1vw*0.05);
		width: 85.9vw;
		top: 194.36vw;
	}
	.top_workstyle .common_cta:before{
		width: 7.18vw;
		height: 7.18vw;
		background-size: 4.1vw;
	}
}




/*top_news*/
.top_news{
	padding-top: 420px;
	padding-bottom: 188px;
	position: relative;
	background-color: #fdfbf3;
}
.top_news .common_ttl{
	padding-bottom: 0;
	writing-mode: vertical-rl;
	text-orientation: upright;
	position: absolute;
	top: calc(50% - 597px);
	letter-spacing: calc(300px* -0.38);
}
.top_news .top_news_ul{
	padding-bottom: 64px;
	position: relative;
	z-index: 2;
}
.top_news .top_news_ul li{
	padding: 40px 0;
	border-bottom: 1px solid #C0C0C0;
}
.top_news .top_news_ul li a{
	padding-right: 80px;
	position: relative;
}
.top_news .top_news_ul li a:before{
	position: absolute;
	content: '';
	width: 40px;
	height: 40px;
	background-color: #333;
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/fv_cta_arrow.svg);
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: center;
	top: 50%;
	right: 40px;
	transform: translateY(-50%);
	border-radius: 100%;
	transition: .4s;
}
.top_news .top_news_ul li a .date{
	font-size: 16px;
	letter-spacing: calc(16px*0.1);
	color: #7c7c7c;
	padding-right: 43px;
	transition: .4s;
	font-weight: bold;
}
.top_news .top_news_ul li a .txt{
	font-size: 18px;
	letter-spacing: calc(18px*0.1);
	color: #333;
	transition: .4s;
}
.top_news .top_news_ul li a:hover .date,
.top_news .top_news_ul li a:hover .txt{
	color: #F4B81F;
}
.top_news .top_news_ul li a:hover::before{
	background-color: #F4B81F;
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/fv_cta_arrow_black.svg);
}
@media screen and (max-width:767px){
	.top_news{
		padding-top: 10.26vw;
		padding-bottom: 35.9vw;
	}
	.top_news .common_ttl{
		padding-bottom: 0;
		writing-mode: vertical-rl;
		text-orientation: upright;
		position: absolute;
		top: calc(50% - 62.31vw);
		left: calc(50% - 49.74vw);
		font-size: 30.77vw;
		letter-spacing: calc(30.77vw* -0.38);
	}
	.top_news .top_news_ul{
		padding-bottom: 6.15vw;
	}
	.top_news .top_news_ul li{
		padding: 4.1vw 0;
		border-bottom: 1px solid #C0C0C0;
	}
	.top_news .top_news_ul li a{
		padding-right: 0;
		padding-bottom: 8.21vw;
		display: block;
	}
	.top_news .top_news_ul li a:before{
		width: 7.18vw;
		height: 7.18vw;
		background-size: 4.1vw;
		right: 0;
		transform: unset;
	}
	.top_news .top_news_ul li a .date{
		font-size: 3.59vw;
		letter-spacing: calc(3.59vw*0.1);
		padding-right: 0;
		padding-bottom: 8px;
	}
	.top_news .top_news_ul li a .txt{
		font-size: 4.1vw;
		letter-spacing: calc(4.1vw*0.1);
	}
	.top_news .top_news_ul li a:hover .date,
	.top_news .top_news_ul li a:hover .txt{
		color: #333;
	}
	.top_news .top_news_ul li a:hover::before{
		background-color: #333;
		background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/fv_cta_arrow.svg);
	}
}

/*top_contact*/
.top_contact{
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/top_contact_bg.webp);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	padding: 120px 220px 240px 220px;
}
.top_contact .top_contactbtn{
	padding: 64px 128px;
	background-color: #F5ECD7;
	border-radius: 30px;
	width: 100%;
	display: block;
	position: relative;
	margin-bottom: 56px;
	transition: .4s;
}
.top_contact .top_contactbtn:hover{
	background-color: #F4B81F;
}
.top_contact .top_contactbtn:last-child{
	margin-bottom: 0;
	background-color: #333;
}
.top_contact .top_contactbtn:last-child:hover{
	background-color: #F4B81F;
}
.top_contact .top_contactbtn:before{
	position: absolute;
	content: '';
	background-color: #F4B81F;
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/fv_cta_arrow_black.svg);
	background-size: 26px;
	background-repeat: no-repeat;
	background-position: center;
	width: 64px;
	height: 64px;
	border-radius: 100%;
	top: 50%;
	right: 64px;
	transform: translateY(-50%);
	transition: .4s;
}
.top_contact .top_contactbtn:hover::before{
	background-color: #333;
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/fv_cta_arrow_yellow.svg);
}
.top_contact .top_contactbtn .btn_en{
	color: #F4B81F;
	font-size: 24px;
	letter-spacing: calc(24px*0.15);
	-webkit-text-stroke: 1px #333;
	text-align: center;
	margin-bottom: 20px;
	transition: .4s;
}
.top_contact .top_contactbtn:hover .btn_en{
	color: #fff;
}
.top_contact .top_contactbtn:last-child .btn_en{
	-webkit-text-stroke: 1px #F4B81F;
}
.top_contact .top_contactbtn:last-child:hover .btn_en{
	color: #333;
	-webkit-text-stroke: 1px #333;
}
.top_contact .top_contactbtn:last-child .btn_ja{
	color: #F4B81F;
}
.top_contact .top_contactbtn:last-child:hover .btn_ja{
	color: #333;
}
.top_contact .top_contactbtn .btn_en span{
	color: transparent;
}
.top_contact .top_contactbtn .btn_ja{
	color: #333;
	font-size: 32px;
	letter-spacing: calc(32px*0.05);
	line-height: 1;
	text-align: center;
	transition: .4s;
}
.top_contact .top_contactbtn:last-child .btn_ja{
	color: #F4B81F;
}

@media screen and (max-width:1168px){
	.top_contact{
		padding: 120px 100px 240px 100px;
	}
	.top_contact .top_contactbtn{
		padding: 32px 64px;
		width: 100%;
		margin-bottom: 56px;
	}
	.top_contact .top_contactbtn:before{
		background-size: 16px;
		width: 40px;
		height: 40px;
		right: 40px;
	}
	.top_contact .top_contactbtn .btn_en{
		font-size: 18px;
		letter-spacing: calc(18px*0.15);
	}
	.top_contact .top_contactbtn .btn_ja{
		font-size: 24px;
		letter-spacing: calc(24px*0.05);
	}
}
@media screen and (max-width:767px){
	.top_contact{
		padding: 16.41vw 0 51.79vw 0;
	}
	.top_contact .top_contactbtn{
		padding: 8.21vw 10.51vw;
		border-radius: 7.69vw;
		width: 100%;
		margin-bottom: 14.36vw;
	}
	.top_contact .top_contactbtn:hover{
		background-color: #F5ECD7;
	}
	.top_contact .top_contactbtn:last-child{
		background-color: #333;
	}
	.top_contact .top_contactbtn:last-child:hover{
		background-color: #333;
	}
	.top_contact .top_contactbtn:before{
		background-color: #F4B81F;
		background-size: 4.1vw;
		width: 8.21vw;
		height: 8.21vw;
		right: 10.51vw;
		top: unset;
		transform: unset;
		bottom: 6.92vw;
	}
	.top_contact .top_contactbtn:last-child::before{
		right: 23.59vw;
	}
	.top_contact .top_contactbtn:hover::before{
		background-color: #F4B81F;
		background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/fv_cta_arrow_black.svg);
	}
	.top_contact .top_contactbtn .btn_en{
		font-size: 8.21vw;
		letter-spacing: calc(8.21vw*0.15);
		-webkit-text-stroke: 1px #333;
		text-align: center;
		margin-bottom: 5.13vw;
	}
	.top_contact .top_contactbtn:hover .btn_en{
		color: #F4B81F;
	}
	.top_contact .top_contactbtn:last-child .btn_en{
		-webkit-text-stroke: 1px #F4B81F;
	}
	.top_contact .top_contactbtn:last-child:hover .btn_en{
		color: #F4B81F;
		-webkit-text-stroke: 1px #F4B81F;
	}
	.top_contact .top_contactbtn:last-child .btn_ja{
		color: #F4B81F;
	}
	.top_contact .top_contactbtn:last-child:hover .btn_ja{
		color: #F4B81F;
	}
	.top_contact .top_contactbtn .btn_en span{
		color: transparent;
	}
	.top_contact .top_contactbtn .btn_ja{
		font-size: 4.1vw;
		letter-spacing: calc(4.1vw*0.05);
		display: inline-block;
		margin-left: 2.56vw;
	}
	.top_contact .top_contactbtn:last-child .btn_ja{
		color: #F4B81F;
		margin-left: 15.38vw;
	}
}


/*footer*/
footer{
	background-color: #fff;
	position: relative;
	width: 100%;
	height: 100%;
}
.footer_wrap{
	background-color: #fff;
	padding: 94px 0 20px 0;
	border-radius: 120px 120px 0 0;
	position: absolute;
	bottom: -380px;
	width: 100%;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
}
.footer_info{
	padding-bottom: 124px;
}
.footer_info .footer_logo{
	width: 160px;
	height: 141px;
	display: block;
	margin-top: 10px;
}
.footer_info .footer_yt_link{
	width: 345px;
	height: 157px;
}
.footer_ul{
	max-width: 635px;
	margin: 0 auto;
}
.footer_ul li a{
	display: block;
	color: #333;
	font-size: 16px;
	line-height: 1.6;
	letter-spacing: calc(16px*0.05);
	position: relative;
}
footer .footer_ul li a:hover{
	color: #DD4F36;
}
.footer_ul{
	padding-bottom: 51px;
}
.policy_box{
	color: #333;
}
footer .footer_ul li a:before{
	position: absolute;
	content: '';
	background-color: #DD4F36;
	width: 100%;
	height: 1px;
	bottom: -4px;
	left: 0;
	transform-origin: right top;
	transform: scale(0, 1);
	transition: transform .4s;
}
footer .footer_ul li a:hover::before{
	transform-origin: left top;
	transform: scale(1, 1);
}
footer .sp_ft{
	display: none;
}
@media screen and (max-width:767px){
	footer .pc_ft{
		display: none;
	}
	footer .sp_ft{
		display: block;
	}
	footer{
		background-color: #fff;
		position: relative;
		width: 100%;
		height: 100%;
	}
	.sp_ft_inner{
		width: 33.33vw;
		margin: 0 auto;
	}
	.footer_wrap{
		background-color: #fff;
		padding: 10.26vw 0 5.13vw 0;
		border-radius: 15.38vw 15.38vw 0 0;
		position: absolute;
		bottom: -170.26vw;
		width: 100%;
		box-shadow: 0 0 5.13vw 0 rgba(0, 0, 0, 0.25);
	}
	.footer_logo{
		width: 33.33vw;
		height: 29.23vw;
		display: block;
		margin-top: 0;
		margin-bottom: 12.05vw;
	}
	.footer_ul{
		max-width: 30vw;
		margin: 0 auto;
	}
	.footer_ul li{
		margin-bottom: 6.15vw;
	}
	.footer_ul li:last-child{
		margin-bottom: 0;
	}
	.footer_ul li a{
		font-size: 3.59vw;
		letter-spacing: calc(3.59vw*0.05);
	}
	footer .footer_ul li a:hover{
		color: #333;
	}
	.footer_ul{
		padding-bottom: 12.31vw;
	}
	footer .footer_ul li a:before{
		display: none;
		transform-origin: unset;
		transform: unset;
		transition: unset;
	}
	footer .footer_ul li a:hover::before{
		transform-origin: unset;
		transform: unset;
	}
	.footer_yt_link{
		display: block;
		width: 76.92vw;
		height: 43.33vw;
		margin: 0 auto;
		position: unset;
		margin-bottom: 16.41vw;
	}
	.policy_box{
		color: #333;
		font-size: 3.08vw;
		letter-spacing: calc(3.08vw*0.05);
		line-height: 1.6;
	}
}


/*fv背景*/
.bg_objects{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
}
.bg_object01,
.bg_object02,
.bg_object03,
.bg_object04,
.bg_object05,
.bg_object06,
.bg_object07,
.bg_object08,
.bg_object09{
	position: absolute;
	width: 276px;
	height: 78px;
	opacity: 0;
	border-radius: 39px;
	animation: fadeInOnly 1.5s ease-out forwards;
}
@keyframes fadeInOnly {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.1; /* 元の設定に合わせる */
  }
}

.bg_object01{
	top: -52px;
	left: calc(50% - 780px);
	transform: rotate(42deg);
	background-color: #DD4F36;
	animation-delay: 0s;
}
.bg_object02{
	top: 20px;
	left: calc(50% - -200px);
	transform: rotate(-56deg);
	background-color: #4CBFE6;
	animation-delay: .2s;
}
.bg_object03{
	top: 244px;
	left: calc(50% - 860px);
	transform: rotate(-52deg);
	background-color: #F4B81F;
	animation-delay: .4s;
}
.bg_object04{
	top: 260px;
	left: calc(50% - -450px);
	transform: rotate(12deg);
	background-color: #DD4F36;
	animation-delay: .6s;
}
.bg_object05{
	top: 500px;
	left: calc(50% - -320px);
	transform: rotate(140deg);
	background-color: #F4B81F;
	animation-delay: .8s;
}
.bg_object06{
	top: 660px;
	left: calc(50% - 800px);
	transform: rotate(-160deg);
	background-color: #4CBFE6;
	animation-delay: 1s;
}
.bg_object07{
	top: 994px;
	left: calc(50% - 630px);
	transform: rotate(150deg);
	background-color: #DD4F36;
	animation-delay: 1.2s;
}
.bg_object08{
	top: 880px;
	left: calc(50% - 190px);
	transform: rotate(-42deg);
	background-color: #F4B81F;
	animation-delay: 1.4s;
}
.bg_object09{
	top: 920px;
	left: calc(50% - -470px);
	transform: rotate(34deg);
	background-color: #4CBFE6;
	animation-delay: 1.6s;
}
@media screen and (max-width:767px){
	.bg_object01,
	.bg_object02,
	.bg_object03,
	.bg_object04,
	.bg_object05,
	.bg_object06,
	.bg_object07,
	.bg_object08,
	.bg_object09{
		position: absolute;
		width: 70px;
		height: 18px;
		border-radius: 10vw;
	}
	.bg_object01{
		top: 96px;
		left: calc(50% - 170px);
		transform: rotate(32deg);

	}
	.bg_object02{
		top: 100px;
		left: calc(50% - -123px);
		transform: rotate(36deg);
		background-color: #4CBFE6;
	}
	.bg_object03{
		top: 90px;
		left: calc(50% - 4px);
		transform: rotate(-38deg);
		background-color: #F4B81F;
	}
	.bg_object04{
		top: 560px;
		left: calc(50% - 182px);
		transform: rotate(330deg);
		background-color: #DD4F36;
	}
	.bg_object05{
		top: 540px;
		left: calc(50% - 72px);
		transform: rotate(136deg);
		background-color: #F4B81F;
	}
	.bg_object06{
		top: 424px;
		left: calc(50% - -42px);
		transform: rotate(-50deg);
		background-color: #4CBFE6;
	}
	.bg_object07{
		top: 526px;
		left: calc(50% - -126px);
		transform: rotate(196deg);
		background-color: #DD4F36;
	}
	.bg_object08{
		top: 408px;
		left: calc(50% - -130px);
		transform: rotate(-60deg);
		background-color: #F4B81F;
	}
	.bg_object09{
		top: 578px;
		left: calc(50% - 178px);
		transform: rotate(26deg);
		background-color: #4CBFE6;
	}
}

/*about_us*/
.fv_section{
	position: relative;
	padding: 267px 0 400px 0;
}
.common_fv_bg{
	position: absolute;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 1440px;
	height: 400px;
	border-radius: 80px 80px 0 0;
}
.common_fv_bg{
	position: absolute;
	top: 267px;
	left: 50%;
	transform: translateX(-50%);
}
.common_fv_bg.about_fv{
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/about_us_bg.webp);
}
.general_ttl{
	font-size: 160px;
	line-height: 1;
	letter-spacing: calc(160px*0.05);
	color: #F4B81F;
	position: absolute;
	top: 187px;
	width: 100%;
	text-align: center;
}
.general_ttl span{
	color: transparent;
	-webkit-text-stroke: 2px #F4B81F;
}
.general_subttl{
	position: absolute;
	top: 363px;
	left: 50%;
	transform: translateX(-50%);
}
.general_subttl .about_subttl{
	width: 350px;
	height: 56px;
}
.about_purpose{
	padding: 120px 0 0 0;
}
.common_h3{
	font-size: 44px;
	letter-spacing: calc(44px*0.05);
	line-height: 1.6;
	color: #333;
	font-weight: 600;
	padding-bottom: 80px;
	text-align: center;
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/about_purpose_h3_bg.svg);
	background-size: 180px 117px;
	background-repeat: no-repeat;
	background-position: center -5px;
}
.about_purpose h4{
	font-size: 32px;
	line-height: 1.5;
	color: #F4B81F;
	background-color: #333;
	width: 408px;
	padding: 8px 12px;
	margin: 0 auto;
	margin-bottom: 64px;
}
.purpose_en{
	position: absolute; 
	top: 1411px;
	left: calc(50% - 280px);
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/purpose.svg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 626px;
	height: 190px;
}
.purpose_ja{
	overflow: hidden;
	writing-mode: vertical-rl;
	margin: 0 auto;
	line-height: 92px;
	letter-spacing: calc(24px*0.17);
	padding-bottom: 330px;
	height: 1000px;
}
.purpose_ja .txt{
	display: block;
}
.purpose_ja .txt span{
	font-size: 24px;
	line-height: 1.5;
	color: #333;
	font-weight: 400;
/*	transform: translateY(-100%);*/
	opacity: 0;
	margin-bottom: 10px;
	display: inline-block;
	transition: 0.6s;
}
.purpose_ja .txt span.active{
	opacity: 1;
/*	transform: translateY(0);*/
}



.about_decotxt{
	font-size: 300px;
	color: transparent;
	-webkit-text-stroke: 2px #F4B81F;
	line-height: 1;
	letter-spacing: calc(300px*0.05);
	position: absolute;
	top: 1837px;
	left: calc(50% - 320px);
}
.pp_explain{
	font-size: 24px;
	letter-spacing: calc(24px*0.05);
	line-height: 2.4;
	font-weight: 400;
	text-align: center;
	background-color: #FDFBF3;
	width: 1200px;
	padding: 80px 272px;
	margin-top: 368px;
	color: #333;
	margin: 0 auto;
	position: relative;
	top: 24px;
	overflow: hidden;
	border-radius: 20px;
}
.pp_explain span{
	color: #D83F18;	
}
.pp_objects{
	position: absolute;
	width: 100%;
	height: 100%;
}
.pp_object01,
.pp_object02,
.pp_object03,
.pp_object04,
.pp_object05,
.pp_object06{
	position: absolute;
	width: 276px;
	height: 78px;
	border-radius: 39px;
	filter: blur(20px);
}
.pp_object01{
	background-color: rgba(76, 191, 230, 0.4);
	left: calc(50% - 650px);
	top: -150px;
	transform: rotate(-52deg);
}
.pp_object02{
	background-color: rgba(221, 79, 54, 0.2);
	left: calc(50% - 280px);
	top: -150px;
	transform: rotate(42deg);
}
.pp_object03{
	background-color: rgba(244, 184, 31, 0.2);
	left: calc(50% - -20px);
	top: -50px;
	transform: rotate(-36deg);
}
.pp_object04{
	background-color: rgba(221, 79, 54, 0.2);
	left: calc(50% - 940px);
	top: 50px;
	transform: rotate(9deg);
}
.pp_object05{
	background-color: rgba(244, 184, 31, 0.2);
	left: calc(50% - 740px);
	top: 270px;
	transform: rotate(-42deg);
}
.pp_object06{
	background-color: rgba(76, 191, 230, 0.4);
	left: calc(50% - 70px);
	top: 260px;
	transform: rotate(36deg);
}
.greet{
	padding: 160px 0;
	position: relative;
}
.greet .common_h3{
	position: relative;
	top: 0;
	left: 0;
	margin-right: 244px;
}
.greet_txtwrap{
	padding: 93px 80px 67px 80px;
	background-color: #333;
	border-radius: 90px;
	width: 800px;
	position: relative;
}
.greet_txtwrap:before{
	position: absolute;
	content: '';
	width: 413px;
	height: 538px;
	bottom: 0;
	left: calc(50% - 784px);
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/greet_deco.svg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.greet_txtwrap p{
	color: #fff;
	font-size: 22px;
	line-height: 1.5;
	font-weight: 400;
	padding-bottom: 40px;
}
.greet_txtwrap .greet_date{
	font-size: 24px;
	line-height: 1.6;
	padding-bottom: 16px;
	text-align: right;
}
.greet_txtwrap .greet_name{
	font-size: 28px;
	line-height: 1.6;
	padding-bottom: 0;
	text-align: right;
}

@media screen and (max-width:1717px){
	.about_decotxt{
		font-size: 200px;
		letter-spacing: calc(200px*0.05);
		top: 1947px;
	}
}

@media screen and (max-width:1440px){
	.common_fv_bg{
		width: 90vw;
	}
	.general_ttl{
		font-size: 120px;
		letter-spacing: calc(120px*0.05);
		top: 217px;
	}
	.general_subttl{
		top: 363px;
	}
	.pp_explain{
		font-size: 18px;
		letter-spacing: calc(18px*0.05);
		width: 90vw;
		padding: 80px 52px;
	}
	.greet .common_h3{
		margin-right: 124px;
		left: calc(50% - 540px);
	}
	.greet_txtwrap{
		padding: 53px 40px 27px 40px;
		width: 600px;
		left: calc(50% - 540px);
	}
	.greet_txtwrap:before{
		left: calc(50% - 694px);
	}
	.greet_txtwrap p{
		font-size: 18px;
	}
	.greet_txtwrap .greet_date{
		font-size: 20px;
	}
	.greet_txtwrap .greet_name{
		font-size: 24px;
	}
}
@media screen and (max-width:1260px){
	.greet .common_h3{
		margin-right: 62px;
		left: calc(50% - 470px);
	}
	.greet_txtwrap{
		padding: 53px 40px 27px 40px;
		width: 600px;
		left: calc(50% - 470px);
	}
	.greet_txtwrap p{
		font-size: 16px;
	}
	.greet_txtwrap .greet_date{
		font-size: 18px;
	}
	.greet_txtwrap .greet_name{
		font-size: 20px;
	}
	.greet_txtwrap:before{
		width: 250px;
		height: 328px;
		bottom: 0;
		left: calc(50% - 534px);
	}
}
@media screen and (max-width:936px){
	.about_decotxt{
		font-size: 160px;
		letter-spacing: calc(160px*0.05);
		top: 1977px;
	}
	.greet .common_h3{
		margin-right: 22px;
		font-size: 28px;
		left: calc(50% - 400px);
		background-size: 110px 77px;
	}
	.greet_txtwrap{
		padding: 53px 40px 27px 40px;
		width: 480px;
		left: calc(50% - 340px);
	}
	.greet_txtwrap p{
		font-size: 14px;
	}
	.greet_txtwrap .greet_date{
		font-size: 16px;
	}
	.greet_txtwrap .greet_name{
		font-size: 18px;
	}
	.greet_txtwrap:before{
		left: calc(50% - 474px);
	}
}
@media screen and (max-width:767px){
	.fv_section{
		position: relative;
		padding: 13.33vw 0 0 0;
	}
	.common_fv_bg{
		/*width: 375px;
		height: 130px;*/
		width: 100%;
		height: 33.33vw;
		border-radius: 10.26vw 10.26vw 0 0;
	}
	.common_fv_bg{
		position: absolute;
		top: 28.72vw;
		left: 50%;
		transform: translateX(-50%);
	}
	.general_ttl{
		font-size: 16.41vw;
		letter-spacing: calc(16.41vw*0.05);
		top: 21.03vw;
	}
	.general_ttl span{
		-webkit-text-stroke: 1px #F4B81F;
	}
	.general_subttl{
		top: 38.97vw;
	}
	.general_subttl .about_subttl{
		width: 44.87vw;
		height: 7.18vw;
	}
	.about_purpose{
		padding: 60.51vw 0 0 0;
		position: relative;
		overflow-x: hidden;
	}
	.common_h3{
		font-size: 6.15vw;
		letter-spacing: calc(6.15vw*0.05);
		padding-bottom: 13.33vw;
		background-size: 17.95vw 11.79vw;
		background-position: center 1.28vw;
		font-weight: 500;
	}
	.about_purpose h4{
		font-size: 5.12vw;
		line-height: 1.5;
		width: 67.70vw;
		padding: 2.05vw 3.08vw;
		margin-bottom: 10.26vw;
	}
	.purpose_en{
		top: 188.72vw;
		left: calc(50% - 51.28vw); 
		width: 101.28vw;
		height: 26.92vw;
	}
	.purpose_ja{
		padding-bottom: 32.82vw;
		height: 153.85vw;
		line-height: 13.33vw;
	}
	.purpose_ja .txt span{
		font-size: 4.1vw;
		letter-spacing: calc(4.1vw*0.15);
		margin-bottom: 2.05vw;
	}
	.about_decotxt{
		font-size: 20.51vw;
		-webkit-text-stroke: 1px #F4B81F;
		letter-spacing: calc(20.51vw*0.05);
		top: 243.59vw;
		left: calc(50% - 24.62vw);
		width: 82.05vw;
	}
	.pp_explain{
		font-size: 3.59vw;
		letter-spacing: calc(3.59vw*0.05);
		line-height: 2;
		width: 85.9vw;
		padding: 10.26vw 3.08vw;
		margin-top: 0;
		top: 0;
		overflow: hidden;
		text-align: center;
		height: 63.59vw;
		border-radius: 5.13vw;
	}
	.pp_explain span{
		color: #D83F18;	
	}
	.pp_objects{
		position: absolute;
		width: 100%;
		height: 100%;
	}
	.pp_object01,
	.pp_object02,
	.pp_object03,
	.pp_object04,
	.pp_object05,
	.pp_object06{
		position: absolute;
		width: 26.15vw;
		height: 7.69vw;
		border-radius: 10vw;
		filter: blur(5.13vw);
	}
	.pp_object01{
		background-color: rgba(76, 191, 230, 0.4);
		left: calc(50% - 5.13vw);
		top: -10.26vw;
		transform: rotate(-52deg);
	}
	.pp_object02{
		background-color: rgba(221, 79, 54, 0.2);
		left: calc(50% - -17.95vw);
		top: -5.13vw;
		transform: rotate(50deg);
	}
	.pp_object03{
		background-color: rgba(244, 184, 31, 0.2);
		left: calc(50% - 53.85vw);
		top: -10.26vw;
		transform: rotate(-36deg);
	}
	.pp_object04{
		background-color: rgba(221, 79, 54, 0.2);
		left: calc(50% - 56.41vw);
		top: 7.69vw;
		transform: rotate(10deg);
	}
	.pp_object05{
		background-color: rgba(244, 184, 31, 0.2);
		left: calc(50% - 28.21vw);
		top: 30.77vw;
		transform: rotate(-42deg);
	}
	.pp_object06{
		background-color: rgba(76, 191, 230, 0.4);
		left: calc(50% - -23.08vw);
		top: 38.46vw;
		transform: rotate(36deg);
	}
	.pp_explain .pp_txt{
		position: relative;
		top: -3.59vw;
	}
	.greet{
		padding: 16.41vw 0 41.03vw 0;
		position: relative;
	}
	.greet_wrap{
		display: block;
	}
	.greet .common_h3{
		margin-right: 0;
		left: calc(50% - 77.95vw);
		background-size: 17.95vw 11.79vw;
	}
	.greet_txtwrap{
		padding: 8.21vw 5.13vw;
		border-radius: 7.69vw;
		width: 85.9vw;
		left: 0;
		margin: 0 auto;
	}
	.greet_txtwrap:before{
		position: absolute;
		content: '';
		width: 51.28vw;
		height: 68.46vw;
		bottom: -38.46vw;
		left: calc(50% - 36.92vw);
	}
	.greet_txtwrap p{
		font-size: 4.1vw;
		padding-bottom: 5.12vw;
	}
	.greet_txtwrap p:nth-child(3){
		padding-bottom: 8.21vw;
	}
	.greet_txtwrap .greet_date{
		font-size: 4.1vw;
		padding-bottom: 1.03vw;
	}
	.greet_txtwrap .greet_name{
		font-size: 4.1vw;
		padding-bottom: 0;
	}
}

/*conpany_guide*/
.company_guide{
	padding: 80px 0;
	width: 100%;
	background: linear-gradient(rgba(244, 246, 248, 0.5), rgba(244, 246, 248, 0.5))
	,url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/company_guide_bg.webp);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	margin-bottom: 240px;
}
.company_guide.about_guide{
	margin-bottom: 0;
}
.company_guide:before{
	position: absolute;
	content: '';
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/guide_wrap_bg.svg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 360px;
	height: 256px;
	bottom: 0;
	right: calc(50% - 750px);
}
.company_guide .guide_wrap{
	position: relative;
}
.company_guide .common_h3{
	writing-mode: vertical-rl;
	margin-right: 88px;
	letter-spacing: calc(44px*0.45);
	background-image: unset;
	position: relative;
}
.company_guide .guide_h3_bg{
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/about_purpose_h3_bg.svg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center -5px;
	width: 180px;
	height: 117px;
	position: absolute;
	left: calc(50% - 530px);
	top: 154px;
}
.guide_wrap{
	width: 1200px;
	margin: 0 auto;
}
.guide_wrap .txt{
	color: #333;
	font-size: 20px;
	line-height: 2;
	padding-bottom: 56px;
	font-weight: 400;
}
.guide_wrap .common_cta{
	margin-left: unset;
	margin: 0 auto;
}
@media screen and (max-width:1520px){
	.company_guide:before{
		width: 260px;
		height: 190px;
		right: calc(50% - 460px);
	}
	.company_guide .common_h3{
		margin-right: 44px;
	}
	.company_guide .guide_h3_bg{
		left: calc(50% - 460px);
	}
	.guide_wrap{
		width: 90vw;
	}
	.guide_wrap .txt{
		font-size: 18px;
		padding-bottom: 56px;
	}
	.guide_wrap .common_cta{
		width: 400px;
		padding: 32px 77px 32px 30px;
		font-size: 18px;
	}
	.guide_wrap .common_cta:before{
		width: 40px;
		height: 40px;
		background-size: 16px;
	}
}
@media screen and (max-width:940px){
	.guide_wrap .txt{
		font-size: 18px;
		text-align: center;
		width: 400px;
	}
	.company_guide:before{
		width: 260px;
		height: 190px;
		right: calc(50% - 260px);
	}
	.company_guide .guide_h3_bg{
		left: calc(50% - 300px);
	}
}

@media screen and (max-width:767px){
	.company_guide{
		padding: 10.26vw 0;
		width: 100%;
		background: linear-gradient(rgba(244, 246, 248, 0.5), rgba(244, 246, 248, 0.5))
		,url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/company_guide_bg.webp);
		margin-bottom: 16.41vw;
	}
	.company_guide.about_guide{
		margin-bottom: 0;
	}
	.company_guide:before{
		width: 44.36vw;
		height: 40vw;
		bottom: 0;
		left: calc(50% - -2.56vw);
		background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/guide_wrap_bg_sp.svg);
	}
	.company_guide .common_h3{
		margin-right: 0;
		font-size: 6.15vw;
		letter-spacing: calc(6.15vw*0.45);
		padding-bottom: 0;
		left: calc(50% - 38.46vw);
	}
	.company_guide .guide_h3_bg{
		background-position: center;
		width: 17.95vw;
		height: 11.79vw;
		left: calc(50% - 41.03vw);
		top: 11.54vw;
	}
	.guide_wrap{
		width: 100%;
		margin: 0 auto;
		display: block;
	}
	.guide_wrap .txt{
		font-size: 4.1vw;
		padding-bottom: 0;
		width: 62.05vw;
		position: absolute;
		top: 4.1vw;
		left: calc(50% - 22.05vw);
	}
	.guide_wrap .common_cta{
		margin-left: unset;
		margin: 0 auto;
		font-size: 4.62vw;
		letter-spacing: calc(4.62vw*0.05);
		line-height: 1;
		padding: 5.13vw 50px 5.13vw 5.13vw;
		width: 85.9vw;
		margin-top: 5.13vw;
	}
	.guide_wrap .common_cta:before{
		width: 7.18vw;
		height: 7.18vw;
		background-size: 4.1vw;
		right: 3.85vw;
	}
}

/*company_info*/
.company_info{
	padding: 160px 0 240px 0;
}
.company_info .common_h3{
	padding-bottom: 108px;
}
.company_info .company_info_ul{
	padding-bottom: 64px;
}
.company_info .company_info_ul li{
	padding: 40px 0;
	border-bottom: 1px solid #999;
}
.company_info .company_info_ul li dl dt{
	color: #333;
	font-size: 20px;
	letter-spacing: calc(20px*0.08);
	width: 293px;
	font-weight: 500;
}
.company_info .company_info_ul li dl dd{
	color: #333;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: calc(20px*0.08);
	width: calc(100% - 293px);
}
.company_info .company_info_ul li dl dd a{
	border-bottom: 1px solid #999;
}
.company_info .pc_map{
	display: block;
}
.company_info .company_info_ul li.sp_map{
	display: none;
}

@media screen and (max-width:1040px){
	.company_info iframe{
		width: 100%;
	}
	.company_info .company_info_ul li dl dt{
		font-size: 18px;
		letter-spacing: calc(18px*0.08);
	}
	.company_info .company_info_ul li dl dd{
		font-size: 18px;
		letter-spacing: calc(18px*0.08);
	}
}
@media screen and (max-width:767px){
	.company_info{
		padding: 16.41vw 0 20.51vw 0;
	}
	.company_info .common_h3{
		padding-bottom: 10.26vw;
	}
	.company_info .company_info_ul{
		padding-bottom: 0;
	}
	.company_info .company_info_ul li{
		padding: 5.13vw 0;
	}
	.company_info .company_info_ul li dl{
		display: block;
	}
	.company_info .company_info_ul li dl dt{
		font-size: 4.1vw;
		letter-spacing: calc(4.1vw*0.08);
		line-height: 1;
		width: 100%;
		margin-bottom: 5.13vw;
	}
	.company_info .company_info_ul li dl dd{
		font-size: 3.85vw;
		letter-spacing: calc(3.85vw*0.08);
		width: 100%;
	}
	.company_info .company_info_ul li dl dd a{
		border-bottom: 1px solid #999;
	}
	.company_info .pc_map{
		display: none;
	}
	.company_info .company_info_ul li.sp_map{
		display: block;
	}
	.company_info .company_info_ul li.sp_map dl dd{
		margin-bottom: 5.13vw;
	}
	.company_info .company_info_ul li.sp_map .dt{
		font-size: 4.1vw;
		letter-spacing: calc(4.1vw*0.08);
		line-height: 1;
		width: 100%;
		margin-bottom: 5.13vw;
		color: #333;
		font-weight: 500;
	}
	.company_info .company_info_ul li.sp_map .dd{
		font-size: 3.87vw;
		letter-spacing: calc(3.87vw*0.08);
		width: 100%;
		color: #333;
		font-weight: 400;
	}
}


/*feature*/

.common_fv_bg.feature_fv{
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/feature_bg.webp);
}
.general_subttl .feature_subttl{
	width: 292px;
	height: 56px;
}
.doing{
	padding: 118px 0 0 0;
}
.doing .common_h3{
	padding-bottom: 80px;
}
.doing .doing_ttl{
	font-size: 36px;
	line-height: 2;
	letter-spacing: calc(36px*0.05);
	color: #000;
	padding-bottom: 50px;
}
.smoothText{
	overflow: hidden;
	display: block;
}

span.smoothTextTrigger{
	transform: translateY(100%);
	transform-origin: left;
	display: block;
	opacity: 0;
}
span:nth-of-type(1).smoothTextTrigger{
	transition: .8s ease-in-out;
}
span:nth-of-type(2).smoothTextTrigger{
	transition: 1.2s ease-in-out;
}
span:nth-of-type(3).smoothTextTrigger{
	transition: 1.6s ease-in-out;
}
span.smoothTextTrigger.smoothTextAppear{
    transform: translateY(0);
    opacity: 1;
}

.doing .doing_txt{
	font-size: 16px;
	line-height: 2;
	letter-spacing: calc(16px*0.05);
	color: #333;
	padding-bottom: 80px;
	font-weight: 400;
}
.doing .circle_wrap{
	height: 340px;
}
.doing .circle_wrap .circle03{
	background-color: rgba(244, 184, 31, 0.12);
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	width: 497px;
	height: 497px;
	border-radius: 100%;
	top: -300px;
}
.doing .circle_wrap .circle04{
	background-color: #F4B81F;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	width: 240px;
	height: 240px;
	border-radius: 100%;
	top: -678px;
}
.doing .circle_wrap .circle04:before{
	position: absolute;
	content: '';
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/logo_white.svg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 130px;
	height: 115px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.doing .circle_wrap .circle01 p,
.doing .circle_wrap .circle02 p{
	font-size: 24px;
	letter-spacing: calc(24px*0.05);
	line-height: 1.6;
	color: #333;
	text-align: center;
	background-color: #FBDBD4;
	width: 300px;
	height: 300px;
	border-radius: 100%;
	padding: 131px 0;
}
.doing .circle_wrap .circle01,
.doing .circle_wrap .circle02{
	position: relative;
	z-index: 1;
}
.doing .circle_wrap .circle01:before,
.doing .circle_wrap .circle02:before{
	position: absolute;
	content: '';
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/doing_arrow.svg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 50px;
	height: 16px;
	top: 50%;
	transform: translateY(-50%);
}
.doing .circle_wrap .circle01:before{
	right: -66px;
}
.doing .circle_wrap .circle02:before{
	left: -66px;
}
.doing .circle_wrap .side_wrap{
	position: relative;
	top: 90px;
}
.doing .border_wrap{
	padding-bottom: 303px;
	position: relative;
	bottom: 0;
	background-image : linear-gradient(to right, #DD4F36 10px, transparent 10px);
	background-size: 20px 1px;
	background-repeat: repeat-x;
	background-position: left bottom;
}
@media screen and (max-width:1000px){
	.doing .circle_wrap .circle03{
		width: 248px;
		height: 248px;
		top: -110px;
	}
	.doing .circle_wrap .circle04{
		width: 120px;
		height: 120px;
		top: -298px;
	}
	.doing .circle_wrap .circle04:before{
		width: 65px;
		height: 58px;
	}
	.doing .circle_wrap .circle01 p,
	.doing .circle_wrap .circle02 p{
		font-size: 16px;
		letter-spacing: calc(16px*0.05);
		width: 150px;
		height: 150px;
		padding: 65px 0;
	}
	.doing .circle_wrap .circle01{
		left: calc(50% - 290px);
	}
	.doing .circle_wrap .circle02{
		right: calc(50% - 290px);
	}
	.doing .circle_wrap .circle01:before,
	.doing .circle_wrap .circle02:before{
		width: 25px;
		height: 8px;
	}
	.doing .border_wrap{
		padding-bottom: 150px;
	}
}
@media screen and (max-width:767px){
	.common_fv_bg.feature_fv{
		background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/feature_bg.webp);
	}
	.general_subttl .feature_subttl{
		width: 37.44vw;
		height: 7.18vw;
	}
	.doing{
		padding: 12.31vw 0 0 0;
	}
	.doing .common_h3{
		padding-bottom: 10.26vw
		width: 86.15vw;
		letter-spacing: 0;
	}
	.doing .doing_ttl{
		font-size: 4.36vw;
		letter-spacing: calc(4.36vw*0.05);
		padding-bottom: 5.13vwS;
	}
	.smoothText{
		overflow: hidden;
		display: block;
	}

	span.smoothTextTrigger{
		transform: translateY(100%);
		transform-origin: left;
		display: block;
		opacity: 0;
	}
	span:nth-of-type(1).smoothTextTrigger{
		transition: .8s ease-in-out;
	}
	span:nth-of-type(2).smoothTextTrigger{
		transition: 1.2s ease-in-out;
	}
	span:nth-of-type(3).smoothTextTrigger{
		transition: 1.6s ease-in-out;
	}
	span.smoothTextTrigger.smoothTextAppear{
	    transform: translateY(0);
	    opacity: 1;
	}

	.doing .doing_txt{
		font-size: 3.85vw;
		letter-spacing: calc(3.85vw*0.05);
		padding-bottom: 10.26vw;
	}
	.doing .circle_wrap{
		height: 81.18vw;
	}
	.doing .circle_wrap .circle03{
		background-color: rgba(244, 184, 31, 0.12);
		position: relative;
		left: 50%;
		transform: translateX(-50%);
		width: 61.54vw;
		height: 61.54vw;
		border-radius: 100%;
	top: -110.26vw;
	}
	.doing .circle_wrap .circle04{
		left: 50%;
		transform: translateX(-50%);
		width: 29.74vw;
		height: 29.74vw;
		border-radius: 100%;
		top: -156.92vw;
	}
	.doing .circle_wrap .circle04:before{
		width: 15.9vw;
		height: 14.1vw;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}
	.doing .circle_wrap .circle01 p,
	.doing .circle_wrap .circle02 p{
		font-size: 4.1vw;
		letter-spacing: calc(4.1vw*0.05);
		width: 51.28vw;
		height: 51.28vw;
		padding: 22.31vw 0;
		position: relative;
		right: 0;
	}
	.doing .circle_wrap .circle01,
	.doing .circle_wrap .circle02{
		position: relative;
	}
	.doing .circle_wrap .circle01{
		left: calc(50% - 25.64vw);
		margin-bottom: 54.87vw;
	}
	.doing .circle_wrap .circle02{
		left: calc(50% - 25.64vw);
		top: -2.56vw;
	}
	
	.doing .circle_wrap .circle01:before,
	.doing .circle_wrap .circle02:before{
		position: absolute;
		content: '';
		background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/doing_arrow.svg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		width: 12.82vw;
		height: 4.1vw;
	}
	.doing .circle_wrap .circle01:before{
		right: calc(50% - -12.82vw);
		top: 48.72vw;
		transform: rotate(90deg);
		z-index: 5;
	}
	.doing .circle_wrap .circle02:before{
		left: calc(50% - 25.64vw);
		top: -2.56vw;
		transform: rotate(90deg);
		z-index: 5;
	}
	.doing .circle_wrap .side_wrap{
		position: relative;
		top: 0;
		display: block;
		overflow-x: hidden;
	}
	.doing .border_wrap{
		padding-bottom: 78.72vw;
		position: relative;
		top: 46.15vw;
		bottom: unset;
		background-image : linear-gradient(to right, #DD4F36 2.56vw, transparent 2.56vw);
		background-size: 5.13vw 1px;
		background-repeat: repeat-x;
		background-position: left bottom;
	}
}


/*recog*/
.recog{
	padding: 120px 0 351px 0;
	position: relative;
	overflow: hidden;
}
.recog_decotxt{
	font-size: 300px;
	color: transparent;
	-webkit-text-stroke: 2px #F4B81F;
	line-height: 1;
	position: absolute;
}
.recog_decotxt span{
	color: #F4B81F;
	-webkit-text-stroke: unset;
}
.recog_decotxt:nth-child(1){
	writing-mode: vertical-rl;
	text-orientation: upright;
	top: -42px;
	left: calc(50% - -480px);
	letter-spacing: calc(300px* -0.68);
}
.recog_decotxt:nth-child(2){
	bottom: 32px;
	left: calc(50% - 890px);
}
.recog .common_h3{
	padding-bottom: 80px;
}
.recog .recog_ul li{
	padding-bottom: 64px;
}
.recog .recog_ul li:last-child{
	padding-bottom: 0;
}
.recog .recog_ul .num{
	font-size: 32px;
	letter-spacing: calc(32px*0.05);
	color: #DD4F36;
	padding-bottom: 16px;
	font-weight: 900;
}
.recog .recog_ul .ttl{
	font-size: 28px;
	color: #000;
	font-weight: 700;
	padding-bottom: 32px;
}
.recog .recog_ul .subttl{
	font-size: 20px;
	letter-spacing: calc(20px*0.05);
	font-weight: 500;
	color: #000;
	padding-bottom: 12px;
}
.recog .recog_ul .txt{
	font-size: 18px;
	letter-spacing: calc(18px*0.05);
	line-height: 2;
	color: #000;
	font-weight: 400;
}
.ft_smoothTextTrigger{
	transform: translateY(100%);
	transform-origin: left;
	display: block;
	opacity: 0;
}
.ft_smoothTextTrigger{
	transition: .8s ease-in-out;
}
.ft_smoothTextTrigger.ft_smoothTextAppear{
    transform: translateY(0);
    opacity: 1;
}
@media screen and (max-width:1520px){
	.recog_decotxt:nth-child(1){
		left: calc(50% - -200px);
	}
	.recog_decotxt:nth-child(2){
		left: calc(50% - 1180px);
	}
	.recog .common_h3{
		position: relative;
	}
	.recog_ul{
		position: relative;
	}
}
@media screen and (max-width:1000px){
	.recog_decotxt{
		font-size: 200px;
	}
	.recog_decotxt:nth-child(1){
		left: calc(50% - -180px);
		letter-spacing: calc(200px* -0.68);
		top: 448px;
	}
	.recog_decotxt:nth-child(2){
		left: calc(50% - 728px);
	}
}
@media screen and (max-width:767px){
	.recog{
		padding: 16.41vw 0 37.95vw 0;
		position: relative;
		overflow: hidden;
		top: 46.15vw;
	}
	.recog_decotxt{
		font-size: 25.64vw;
		-webkit-text-stroke: 1px #F4B81F;
	}
	.recog_decotxt:nth-child(1){
		top: 102.56vw;
		left: calc(50% - -26.67vw);
		letter-spacing: calc(25.64vw* -0.55);
	}
	.recog_decotxt:nth-child(2){
		bottom: 15.9vw;
		left: calc(50% - 89.74vw);
	}
	.recog .common_h3{
		padding-bottom: 12.31vw;
	}
	.recog .recog_ul li{
		padding-bottom: 10.26vw;
	}
	.recog .recog_ul li:last-child{
		padding-bottom: 0;
	}
	.recog .recog_ul .num{
		font-size: 5.13vw;
		letter-spacing: calc(5.13vw*0.05);
		padding-bottom: 3.08vw;
	}
	.recog .recog_ul .ttl{
		font-size: 5.13vw;
		padding-bottom: 5.13vw;
	}
	.recog .recog_ul .subttl{
		font-size: 3.85vw;
		letter-spacing: calc(3.85vw*0.05);
		padding-bottom: 3.08vw;
	}
	.recog .recog_ul .txt{
		font-size: 3.85vw;
		letter-spacing: calc(3.85vw*0.05);
	}
}

/*forte*/
.forte{
	padding: 160px 0 480px 0;
	position: relative;
}
.forte_objects{
	position: absolute;
	width: 100%;
	height: 100%;
}

.forte .common_h3{
	padding-bottom: 192px;
}
.forte_ul li{
	width: 1320px;
	background: linear-gradient(rgba(51, 51, 51, 0.6)), url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/forte_ul_li_bg.webp);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 240px 0 0 240px;
	padding: 97px 62px 147px 576px;
	position: relative;
	right: 0;
	top: 0;
	margin-bottom: 257px;
	margin-left: auto;
}
.forte_ul li:nth-child(2){
	left: 0;
	right: unset;
	border-radius: 0 240px 240px 0;
	padding: 124px 100px 120px 220px;
	margin-left: unset;
	margin-right: auto;
}
.forte_ul li:nth-child(3){
	margin-bottom: 0;
	padding: 124px 62px 120px 576px;
}
.forte_ul li .num{
	color: #F4B81F;
	font-size: 240px;
	line-height: 0.75;
	position: absolute;
	top: -100px;
	right: 40px;
}
.forte_ul li:nth-child(2) .num{
	left: 0;
	right: unset;
}
.forte_ul li .ttl{
	color: #fff;
	font-size: 40px;
	letter-spacing: calc(40px*0.05);
	font-weight: 700;
	padding-bottom: 32px;
}
.forte_ul li .txt{
	color: #fff;
	font-size: 24px;
	letter-spacing: calc(24px*0.05);
	font-weight: 400;
}
.forte_photo{
	position: relative;
	width: 100%;
	height: 100%;
}
.forte_photo .ft_photo01,
.forte_photo .ft_photo02,
.forte_photo .ft_photo03,
.forte_photo .ft_photo04{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
}
.forte_photo .ft_photo01{
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/ft_photo01.webp);
	width: 400px;
	height: 400px;
	top: -2144px;
	left: calc(50% - 476px);
}
.forte_photo .ft_photo02{
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/ft_photo02.webp);
	width: 240px;
	height: 240px;
	top: -1588px;
	left: calc(50% - -350px);
}
.forte_photo .ft_photo03{
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/ft_photo03.webp);
	width: 240px;
	height: 240px;
	top: -630px;
	left: calc(50% - 374px);
}
.forte_photo .ft_photo04{
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/ft_photo04.webp);
	width: 400px;
	height: 400px;
	top: -70px;
	left: calc(50% - -110px);
}
@media screen and (max-width:1520px){
	.largeinner{
		width: 90vw;
	}
	.forte_ul li{
		width: 1000px;
		border-radius: 240px 0 0 240px;
		padding: 97px 62px 147px 476px;
		margin-bottom: 373px;
	}
	.forte_ul li:nth-child(2){
		left: 0;
		right: unset;
		border-radius: 0 240px 240px 0;
		padding: 124px 100px 120px 220px;
	}
	.forte_ul li:nth-child(3){
		margin-bottom: 0;
		padding: 124px 62px 120px 406px;
	}
	.ft_object02{
		width: 618px;
		height: 303px;
		top: 1020px;
		left: calc(50% - 480px);
	}
	.forte_ul li .ttl{
		color: #fff;
		font-size: 24px;
		letter-spacing: calc(24px*0.05);
		font-weight: 700;
		padding-bottom: 32px;
	}
	.forte_ul li .txt{
		color: #fff;
		font-size: 18px;
		letter-spacing: calc(18px*0.05);
		font-weight: 400;
	}
	.forte_photo .ft_photo01{
		width: 300px;
		height: 300px;
		top: -2200px;
		left: calc(50% - 306px);
	}
	.forte_photo .ft_photo02{
		top: -1680px;
		left: calc(50% - -160px);
	}
	.forte_photo .ft_photo03{
		width: 240px;
		height: 240px;
		top: -630px;
		left: calc(50% - 214px);
	}
	.forte_photo .ft_photo04{
		width: 300px;
		height: 300px;
		top: -80px;
		left: calc(50% - -190px);
	}
}
@media screen and (max-width:1000px){
	.forte_ul li{
		width: 700px;
		border-radius: 200px 0 0 200px;
		padding: 97px 62px 147px 56px;
		margin-bottom: 253px;
	}
	.forte_ul li:nth-child(2){
		border-radius: 0 200px 200px 0;
		padding: 124px 100px 120px 120px;
	}
	.forte_ul li:nth-child(3){
		padding: 124px 62px 120px 56px;
	}
	.forte_ul li .ttl{
		color: #fff;
		font-size: 20px;
		letter-spacing: calc(20px*0.05);
		padding-bottom: 32px;
	}
	.forte_ul li .txt{
		font-size: 16px;
		letter-spacing: calc(16px*0.05);
	}
	.forte_photo .ft_photo01{
		width: 200px;
		height: 200px;
		top: -1890px;
		left: calc(50% - 306px);
	}
	.forte_photo .ft_photo02{
		width: 160px;
		height: 160px;
		top: -1440px;
		left: calc(50% - -130px);
	}
	.forte_photo .ft_photo03{
		width: 160px;
		height: 160px;
		top: -520px;
		left: calc(50% - 154px);
	}
	.forte_photo .ft_photo04{
		width: 200px;
		height: 200px;
		top: -80px;
		left: calc(50% - -30px);
	}
	.forte_ul li .num{
		font-size: 160px;
		top: -60px;
		right: 40px;
	}
	.ft_object01{
		top: 350px;
		left: calc(50% - 430px);
	}
	.ft_object02{
		top: 540px;
		left: calc(50% - 210px);
	}
	.ft_object03{
		top: 1520px;
		left: calc(50% - 530px);
	}
	.ft_object04{
		top: 1530px;
		left: calc(50% - 290px);
	}
}
@media screen and (max-width:767px){
	.forte{
		padding: 41.03vw 0 38.46vw 0;
		position: relative;
	}
	.forte .largeinner{
		max-width: 100vw;
		width: 100vw;
	}
	.forte_objects{
		display: none;
	}
	.forte .common_h3{
		padding-bottom: 45.38vw;
	}
	.forte_ul li{
		width: 91.03vw;
		border-radius: 51.28vw 0 0 51.28vw;
		padding: 12.31vw 5.13vw 12.31vw 16.41vw;
		margin-bottom: 41.03vw;
		background: #6e6e6e;
	}
	.forte_ul li:nth-child(2){
		padding: 12.31vw 16.41vw 12.31vw 5.13vw;
	}
	.forte_ul li:nth-child(3){
		padding: 12.31vw 5.13vw 12.31vw 16.41vw;
	}
	.forte_ul li .num{
		font-size: 20.51vw;
		line-height: 1;
		top: -12.82vw;
		right: calc(50% - 38.46vw);
	}
	.forte_ul li:nth-child(2) .num{
		left: calc(50% - 38.46vw);
		right: unset;
	}
	.forte_ul li .ttl{
		font-size: 4.1vw;
		letter-spacing: calc(4.1vw*0.05);
		padding-bottom: 5.13vw;
	}
	.forte_ul li .txt{
		font-size: 3.85vw;
		letter-spacing: calc(3.85vw*0.05);
	}
	.forte_photo{
		position: relative;
		width: 100%;
		height: 100%;
	}
	.forte_photo .ft_photo01,
	.forte_photo .ft_photo02,
	.forte_photo .ft_photo03,
	.forte_photo .ft_photo04{
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		position: absolute;
	}
	.forte_photo .ft_photo01{
		background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/ft_photo01.webp);
		width: 41.03vw;
		height: 41.03vw;
		top: -328.21vw;
		left: calc(50% - 41.03vw);
	}
	.forte_photo .ft_photo02{
		background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/ft_photo02.webp);
		width: 30.77vw;
		height: 30.77vw;
		top: -233.33vw;
		left: calc(50% - 12.82vw);
	}
	.forte_photo .ft_photo03{
		background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/ft_photo03.webp);
		width: 29.49vw;
		height: 29.49vw;
		top: -92.31vw;
		left: calc(50% - 44.62vw);
	}
	.forte_photo .ft_photo04{
		background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/ft_photo04.webp);
		width: 31.79vw;
		height: 31.79vw;
		top: -10.26vw;
		left: calc(50% - -11.79vw);
	}
}

/*recruit*/
.common_fv_bg.recruit_fv{
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/recruit_bg.webp);
}
.general_subttl .recruit_subttl{
	width: 233px;
	height: 56px;
}
.recruit_lead{
	padding: 197px 0 160px 0;
}
.recruit_lead_bg{
	background-color: #4CBFE6;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 1100px;
	height: 898px;
	margin-left: auto;
	position: relative;
}
.recruit_lead_bg:before{
	position: absolute;
	content: '';
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/letsjoinus.svg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 623px;
	height: 158px;
	top: -100px;
	right: calc(50% - 450px);
	z-index: 3;
}
.recruit_lead .swiper{
  height: 100%;
  position: absolute!important;
  &.swiper1{
    left: 0;
    top: 0;
  }
  &.swiper2{
    left: calc(50% - 226px);
    top: 0;
  }
}
/* スライドの動き等速 */
.recruit_lead .swiper-wrapper {
  transition-timing-function: linear;
}
/* 画像のサイズ調整 */
.recruit_lead .swiper-slide {
  border-radius: 30px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.sw01{
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/sw01.webp);
	width: 300px;
	height: 200px!important;
}
.sw02{
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/sw02.webp);
	width: 300px;
	height: 450px!important;
}
.sw03{
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/sw03.webp);
	width: 300px;
	height: 200px!important;
}
.sw09{
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/sw09.webp);
	width: 300px;
	height: 200px!important;
}
.sw10{
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/sw10.webp);
	width: 300px;
	height: 200px!important;
}
.sw04{
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/sw04.webp);
	width: 750px;
}
.sw05{
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/sw05.webp);
	width: 750px;
}
.sw06{
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/sw06.webp);
	width: 750px;
}
.sw07{
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/sw07.webp);
	width: 750px;
}
.sw08{
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/sw08.webp);
	width: 750px;
}

.envi{
	padding-bottom: 120px;
}
.envi .common_h3{
	padding-bottom: 80px;
}
.envi .envi_lead{
	font-size: 16px;
	letter-spacing: calc(16px*0.05);
	font-weight: 400;
	color: #333;
	padding-bottom: 48px;
	line-height: 2;
}
.envi .envi_ul{
	padding-bottom: 160px;
	flex-wrap: wrap;
}
.envi .envi_ul li{
	padding: 68px 26px 123px 26px;
	width: 220px;
	background-color: #F4B81F;
	position: relative;
	margin-right: 40px;
	margin-bottom: 40px;
	border-radius: 20px;
}
.envi .envi_ul li:last-child,
.envi .envi_ul li:nth-child(4){
	margin-right: 0;
}
.envi .envi_ul li:nth-child(5),
.envi .envi_ul li:nth-child(6),
.envi .envi_ul li:nth-child(7),
.envi .envi_ul li:nth-child(8){
	margin-bottom: 0;
}
.envi .envi_ul li:before{
	position: absolute;
	content: '';
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/envi_ul_deco01.svg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 48px;
	height: 48px;
	top: 104px;
	left: 50%;
	transform: translateX(-50%);
}
.envi .envi_ul li:nth-child(2)::before{
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/envi_ul_deco02.svg);
}
.envi .envi_ul li:nth-child(3)::before{
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/envi_ul_deco03.svg);
}
.envi .envi_ul li:nth-child(4)::before{
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/envi_ul_deco04.svg);
}
.envi .envi_ul li:nth-child(5)::before{
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/envi_ul_deco05.svg);
}
.envi .envi_ul li:nth-child(6)::before{
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/envi_ul_deco06.svg);
}
.envi .envi_ul li:nth-child(7)::before{
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/envi_ul_deco07.svg);
}
.envi .envi_ul li:nth-child(8)::before{
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/envi_ul_deco08.svg);
}
.envi .envi_ul li p{
	font-size: 20px;
	letter-spacing: calc(20px*0.05);
	color: #fff;
	text-align: center;
}
.envi h4{
	font-size: 36px;
	letter-spacing: calc(36px*0.05);
	line-height: 2;
	color: #000;
	padding-bottom: 50px;
}
.envi .txt{
	font-size: 16px;
	letter-spacing: calc(16px*0.05);
	line-height: 2;
	font-weight: 400;
	color: #333;
}

.basic,
.commu,
.ojt{
	width: 100%;
	padding: 331px 0 366px 0;
	background-color: #FEF6E4;
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/basic_bg_pc.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
.basic .ttl,
.commu .ttl,
.ojt .ttl{
	font-size: 24px;
	line-height: 1;
	color: #333;
	font-weight: 500;
	padding-bottom: 57px;
	position: relative;
}
.basic .ttldeco,
.commu .ttldeco,
.ojt .ttldeco{
	position: absolute;
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/about_purpose_h3_bg.svg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 180px;
	height: 117px;
	top: 288px;
	left: calc(50% - 420px);
}
.basic .txt,
.commu .txt,
.ojt .txt{
	font-size: 20px;
	letter-spacing: calc(20px*0.05);
	line-height: 2;
	color: #000;
	font-weight: 400;
}
.basic_image,
.commu_image,
.ojt_image{
	position: absolute;
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/basic_image.webp);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 480px;
	height: 480px;
	top: 240px;
	left: calc(50% - -100px);
}

.commu{
/*	padding: 425px 0 547px 0;*/
	padding: 425px 0 327px 0;
	background-color: #EDF9FC;
}
.commu .ttl{
	font-size: 36px;
	letter-spacing: calc(36px*0.05);
	line-height: 1;
	color: #000;
	padding-bottom: 40px;
}
.commu .ttldeco{
	top: 378px;
	left: calc(50% - 310px);
}
.commu .txt{
	font-size: 20px;
	letter-spacing: calc(20px*0.05);
	line-height: 2;
	color: #000;
	font-weight: 400;
}
.commu_image{
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/commu_image.webp);
	top: 288px;
	left: calc(50% - -100px);
}

.ojt{
/*	padding: 403px 0 586px 0;*/
	padding: 403px 0 327px 0;
	background-color: unset;
}
.ojt .ttldeco{
	top: 358px;
	left: calc(50% - 450px);
}
.ojt .txt{
	font-size: 20px;
	letter-spacing: calc(20px*0.05);
	line-height: 2;
	color: #000;
	font-weight: 400;
}
.ojt_image{
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/ojt_image.webp);
	top: 288px;
	left: calc(50% - -100px);
}
@media screen and (max-width:1180px){
	.recruit .general_ttl{
		font-size: 110px;
		letter-spacing: calc(110px*0.05);
	}
	.recruit_lead_bg{
		width: 550px;
		height: 449px;
		margin-left: unset;
		margin: 0 auto;
	}
	.sw01,
	.sw02,
	.sw09,
	.sw10{
		width: 150px;
		height: 100px!important;
	}
	.sw03{
		width: 150px;
		height: 100px!important;
	}
	.sw04,
	.sw05,
	.sw06,
	.sw07{
		width: 375px;
	}
	.recruit_lead .swiper {
    &.swiper2 {
    	left: calc(50% - 116px);
   	}
   }
    .recruit_lead_bg:before{
		width: 361px;
		height: 79px;
		top: -50px;
		right: calc(50% - 190px);
	}
	.envi h4{
		font-size: 32px;
		letter-spacing: calc(32px*0.05);
	}
	.envi .envi_ul{
		width: 500px;
		margin: 0 auto;
		justify-content: center;
	}
	.envi .envi_ul li{
		padding: 20px 13px 61px 13px;
		width: 180px;
		margin-right: 20px;
		margin-bottom: 20px;
		border-radius: 10px;
	}
	.envi .envi_ul li:nth-child(2n){
		margin-right: 0;
	}
	.envi .envi_ul li:nth-child(5),
	.envi .envi_ul li:nth-child(6){
		margin-bottom: 20px;
	}
	.envi .envi_ul li:before{
		top: 48px;
	}
	.envi .envi_ul li p{
		font-size: 16px;
		letter-spacing: calc(16px*0.05);
	}
	.basic .ttl,
	.commu .ttl,
	.ojt .ttl{
		font-size: 20px;
		padding-bottom: 57px;
	}
	.basic .ttldeco{
		width: 120px;
		height: 77px;
		top: 308px;
		left: calc(50% - 330px);
	}
	.commu .ttldeco{
		width: 120px;
		height: 77px;
		top: 398px;
		left: calc(50% - 270px);
	}
	.ojt .ttldeco{
		width: 120px;
		height: 77px;
		top: 368px;
		left: calc(50% - 270px);
	}
	.basic .txt,
	.commu .txt,
	.ojt .txt{
		font-size: 16px;
		letter-spacing: calc(16px*0.05);
	}
	.basic_image,
	.commu_image,
	.ojt_image{
		width: 240px;
		height: 240px;
		top: 350px;
		left: calc(50% - -100px);
	}
}
@media screen and (max-width:767px){
	.recruit .general_ttl{
		font-size: 16.41vw;
		letter-spacing: 0;
	}
	.general_subttl .recruit_subttl{
		width: 30vw;
		height: 7.18vw;
	}
	.recruit_lead{
		padding: 29.74vw 0 16.41vw 0;
		position: relative;
		top: 50.51vw;
	}
	.recruit_lead_bg:before{
		width: 70.26vw;
		height: 17.95vw;
		top: -15.38vw;
		right: calc(50% - 38.46vw);
		z-index: 1;
	}
	/*.recruit_lead:before{
		position: absolute;
		content: '';
		background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/letsjoinus.svg);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		width: 274px;
		height: 70px;
		top: 70px;
		right: calc(50% - 170px);
		z-index: 3;
	}*/
	/*.recruit_lead .recruit_lead_deco{
		position: absolute;
		background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/letsjoinus.svg);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		width: 274px;
		height: 70px;
		top: 70px;
		right: calc(50% - 170px);
		z-index: 1;
	}*/


	.recruit_lead_bg{
		width: 91.03vw;
		height: 134.36vw;
		margin-left: auto;
		position: relative;
		overflow-x: clip;
	}

	.recruit_lead .swiper{
	  height: 100%;
	  position: absolute!important;
	  &.swiper1{
	    left: 0;
	    top: 0;
	  }
	  &.swiper2{
	    left: calc(50% - -3.08vw);
	    top: 0;
	  }
	}

	/* スライドの動き等速 */
	.recruit_lead .swiper-wrapper {
	  transition-timing-function: linear;
	}
	/* 画像のサイズ調整 */
	.recruit_lead .swiper-slide {
	  border-radius: 7.69vw;
	  background-position: center;
	  background-size: cover;
	  background-repeat: no-repeat;
	}
	.sw01,
	.sw02,
	.sw03,
	.sw09,
	.sw10{
		width: 44.87vw;
		height: 67.44vw!important;
	}

	.sw04,
	.sw05,
	.sw06,
	.sw07,
	.sw08{
		width: 112.05vw;
	}
	.envi{
		padding-bottom: 67.69vw;
		position: relative;
		top: 50.51vw;
	}
	.envi .common_h3{
		padding-bottom: 13.33vw;
	}
	.envi .envi_lead{
		font-size: 4.1vw;
		letter-spacing: calc(4.1vw*0.05);
		padding-bottom: 5.13vw;
	}
	.envi .envi_ul{
		padding-bottom: 16.41vw;
		flex-wrap: wrap;
		width: 85.9vw;
		margin: 0 auto;
	}
	.envi .envi_ul li{
		padding: 10.26vw 3.08vw 24.87vw 3.08vw;
		width: 41.01vw;
		margin-right: 3.85vw;
		margin-bottom: 4.62vw;
		border-radius: 5.13vw;
	}
	.envi .envi_ul li:nth-child(4){
		margin-right: 3.85vw;
	}
	.envi .envi_ul li:nth-child(2n){
		margin-right: 0;
	}
	.envi .envi_ul li:nth-child(5),
	.envi .envi_ul li:nth-child(6){
		margin-bottom: 4.62vw;
	}
	.envi .envi_ul li:nth-child(7),
	.envi .envi_ul li:nth-child(8){
		margin-bottom: 0;
	}
	.envi .envi_ul li:before{
		top: 17.95vw;
	}
	.envi .envi_ul li p{
		font-size: 4.1vw;
		letter-spacing: calc(4.1vw*0.05);
		line-height: 1;
	}
	.envi h4{
		font-size: 4.36vw;
		letter-spacing: calc(4.36vw*0.05);
		padding-bottom: 5.13vw;
	}
	.envi .txt{
		font-size: 3.85vw;
		letter-spacing: calc(3.85vw*0.05);
	}

	.basic,
	.commu,
	.ojt{
		width: 100%;
		padding: 16.41vw 0 93.33vw 0;
		background-color: #FEF6E4;
		background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/basic_bg.webp);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}
	.basic .ttl,
	.commu .ttl,
	.ojt .ttl{
		font-size: 6.15vw;
		padding-bottom: 8.21vw;
	}
	.basic .ttldeco,
	.commu .ttldeco,
	.ojt .ttldeco{
		width: 17.95vw;
		height: 11.79vw;
		top: 73.85vw;
		left: calc(50% - 107.69vw);
	}
	.basic .txt,
	.commu .txt,
	.ojt .txt{
		font-size: 3.85vw;
		letter-spacing: calc(3.85vw*0.05);
	}
	.basic_image,
	.commu_image,
	.ojt_image{
		width: 71.79vw;
		height: 71.79vw;
		top: 82.05vw;
		left: calc(50% - 33.33vw);
	}
	.commu{
		padding: 16.41vw 0 93.33vw 0;
		background-color: #EDF9FC;

	}
	.commu .ttl{
		font-size: 6.15vw;
		letter-spacing: calc(6.15vw*0.05);
		padding-bottom: 8.21vw;
		line-height: 1.5;
	}
	.commu .ttldeco{
		top: 96.92vw;
		left: calc(50% - 79.49vw);
	}
	.commu_image{
		top: calc(50% - 7.69vw);
		left: calc(50% - 33.33vw);
	}
	.ojt{
		padding: 16.41vw 0 108.72vw 0;
		background-color: unset;
	}
	.ojt .ttldeco{
		top: 91.79vw;
		left: calc(50% - 115.38vw);
	}
	.ojt_image{
		top: 66.15vw;
		left: calc(50% - 33.33vw);
	}
}


/*interview*/
.interview{
	padding-bottom: 135px;
}
.interview .interview_fv{
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/interview_fv.webp);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	padding: 120px 0 224px 0;
	position: relative;
}
.interview .txt{
	font-size: 32px;
	letter-spacing: calc(32px*0.05);
	line-height: 2;
	color: #fff;
	margin-left: auto;
	padding-bottom: 225px;
	display: flex;
	justify-content: flex-end;
}
.interview .movie{
	display: block;
	width: 900px;
	height: 506px;
	margin: 0 auto;
	border-radius: 24px;
	position: relative;
	overflow: hidden;
}
.interview .movie video{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
}
.interview_fv .general_ttl{
	position: absolute;
	top: 1112px;
	left: 0;
}
.talk_01{
	padding: 256px 0 0 0;
}
.interview .talk_wrap{
	margin-bottom: 80px;
}
.interview .talk_wrap:last-of-type{
	margin-bottom: 120px;
}
.interview .talk_wrap.left{
	padding-left: 180px;
	position: relative;
}
.interview .talk_wrap.right{
	padding-right: 180px;
	position: relative;
}
.interview .talk_wrap .tright::before,
.interview .talk_wrap .tleft::before{
  content: "";
  position: absolute;
  top: 50px;
  left: calc(50% - 432px);
  border: 12px solid transparent;
  border-top: 12px solid #F5ECD7;
  transform: rotate(90deg);
}
.interview .talk_wrap .tleft::before{
	left: calc(50% + 408px);
	transform: rotate(-90deg);
}
.interview .talk_wrap.left:after,
.interview .talk_wrap.right:after{
	position: absolute;
	content: '';
	background: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/woman_blue.webp);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 140px;
	height: 140px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.interview .talk_wrap.right:after{
	left: unset;
	right: 0;
}
.interview .talk_wrap.left.men_red:after,
.interview .talk_wrap.right.men_red:after{
	background: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/men_red.webp);
}
.interview .talk_wrap.left.woman_yellow:after,
.interview .talk_wrap.right.woman_yellow:after{
	background: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/woman_yellow.webp);
}
.interview .talk_wrap .tright,
.interview .talk_wrap .tleft{
	font-size: 18px;
	line-height: 2;
	color: #333;
	padding: 24px;
	width: 820px;
	background-color: #F5ECD7;
	border-radius: 20px;
	position: relative;
}
.interview .talk_01_img,
.interview .talk_02_img,
.interview .talk_03_img{
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/talk_01.webp);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 1000px;
	height: 500px;
}
.interview .talk_02_img{
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/talk_02.webp);
}
.interview .talk_03_img{
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/talk_03.webp);
}
.interview .talk_02{
	padding-bottom: 160px;
}


.interview .common_h3{
	font-weight: 500;
}
.interview .talk_img img{
	margin-bottom: 120px;
	max-width: unset !important;
	width: 100% !important;
	height: unset !important;
}
.interview .talk_img:last-of-type img{
		margin-bottom: 0;
	}


@media screen and (max-width:1040px){
	.interview .interview_fv{
		padding: 120px 0 112px 0;
	}
	.interview .txt{
		font-size: 24px;
		letter-spacing: calc(24px*0.05);
		padding-bottom: 112px;
	}
	.interview .movie{
		width: 700px;
		height: 356px;
		border-radius: 24px;
	}
	.interview_fv .general_ttl{
		top: 752px;
		font-size: 80px;
		letter-spacing: calc(80px*0.05);
	}
	.talk_01,
	.talk_02,
	.talk_03{
		width: 700px;
		margin: 0 auto;
	}
	.talk_01{
		padding: 256px 0 160px 0;
	}
	.interview .talk_wrap{
		margin-bottom: 0;
		padding-bottom: 200px;
	}
	.interview .talk_wrap:last-of-type{
		margin-bottom: 0;
	}
	.interview .talk_wrap.left{
		padding-left: 0;
		bottom: 0;
	}
	.interview .talk_wrap.right{
		padding-right: 0;
		bottom: 0;
	}
	.interview .talk_wrap .tright::before,
	.interview .talk_wrap .tleft::before{
	  top: -20px;
	  left: calc(50% - 282px);
	  border: 12px solid transparent;
	  border-top: 12px solid #F5ECD7;
	  transform: rotate(180deg);
	}
	.interview .talk_wrap .tleft::before{
		left: calc(50% - -268px);
	}
	.interview .talk_wrap.left:after,
	.interview .talk_wrap.right:after{
		width: 140px;
		height: 140px;
		left: 0;
		top: -170px;
		transform: unset;
	}
	.interview .talk_wrap.right:after{
		left: unset;
		right: 0;
	}
	.interview .talk_wrap .tright,
	.interview .talk_wrap .tleft{
		font-size: 16px;
		padding: 24px;
		width: 100%;
		border-radius: 20px;
	}
	.interview .talk_01_img,
	.interview .talk_02_img,
	.interview .talk_03_img{
		width: 650px;
		height: 330px;
		margin: 0 auto;
		margin-bottom: 40px;
	}
	.interview .talk_img img{
		margin-bottom: 200px;
	}
	.interview .talk_ul li:nth-child(3){
		padding-bottom: 5.13vw;
	}
	.interview .talk_ul li:nth-child(6){
		padding-bottom: 5.13vw;
	}
	.interview .talk_ul li:nth-child(7){
		padding-bottom: 25.13vw;
		top: 180px;
	}
	.interview .talk_ul li:nth-child(11){
		padding-bottom: 5.13vw;
	}
	.interview .talk_ul li:nth-child(15){
		padding-bottom: 5.13vw;
	}
	.interview .talk_ul li:nth-child(19){
		padding-bottom: 5.13vw;
	}
	.interview .talk_ul li:nth-child(23){
		padding-bottom: 5.13vw;
	}
}
@media screen and (max-width:767px){
	.interview{
		padding-bottom: 14.62vw;
	}
	.interview .interview_fv{
		background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/interview_fv_sp.webp);
		width: 100%;
		padding: 12.31vw 0 44.87vw 0;
		overflow: hidden;
		background-size: 100% 133.33vw;
		background-position: center 0;
	}
	.interview .txt{
		font-size: 4.62vw;
		letter-spacing: calc(4.62vw*0.05);
		margin-left: auto;
		padding-bottom: 20.51vw;
		display: flex;
		justify-content: flex-end;
	}
	.interview .movie{
		width: 85.9vw;
		height: 48.21vw;
		border-radius: 7.69vw;
	}
	.interview_fv .general_ttl{
		position: absolute;
		top: 128.72vw;
		left: calc(50% - 53.85vw);
		width: 133.33vw;
		font-size: 15.38vw;
		letter-spacing: calc(15.38vw*0.05);
	}
	.talk_01,
	.talk_02,
	.talk_03{
		width: unset;
		margin: unset;
	}
	.talk_01{
		padding: 53.33vw 0 0 0;
	}
	.interview .talk_wrap{
		margin-bottom: 0;
	}
	.interview .talk_wrap:last-of-type{
		padding-bottom: 16.41vw;
		margin-bottom: 0;
	}
	.interview .talk_wrap .pright.men_red{
		background: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/men_red.webp);
	}
	.interview .talk_wrap .pright.men_yellow{
		background: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/men_yellow.webp);
	}
	.interview .talk_wrap .tright,
	.interview .talk_wrap .tleft{
		font-size: 3.85vw;
		line-height: 2;
		color: #333;
		padding: 6.15vw 5.13vw;
		width: 85.9vw;
		margin-left: 0;
		background-color: #F5ECD7;
		border-radius: 5.13vw;
		position: relative;
	}
	.interview .talk_wrap .tright::before{
		left: calc(50% + -33.85vw);
		transform: rotate(180deg);
		top: -6.15vw;
	}
	.interview .talk_wrap .tleft::before{
		left: calc(50% + 30.26vw);
		top: -6.15vw;
	}
	.interview .talk_01_img,
	.interview .talk_02_img,
	.interview .talk_03_img{
		background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/talk_01.webp);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		width: 85.9vw;
		height: 42.82vw;
	}
	.interview .talk_02_img{
		background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/talk_02.webp);
	}
	.interview .talk_03_img{
		background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/talk_03.webp);
	}
	.interview .talk_02{
		padding-bottom: 41.03vw;
	}
	.interview .talk_img{
		margin-bottom: 51.28vw;
	}
	.interview .talk_img:last-of-type{
		margin-bottom: 0;
	}
	.interview .talk_ul li:nth-child(3){
		padding-bottom: 5.13vw;
	}
	.interview .talk_ul li:nth-child(6){
		padding-bottom: 5.13vw;
	}
	.interview .talk_ul li:nth-child(7){
		padding-bottom: 55.13vw;
		top: 180px;
	}
	.interview .talk_ul li:nth-child(11){
		padding-bottom: 5.13vw;
	}
	.interview .talk_ul li:nth-child(15){
		padding-bottom: 5.13vw;
	}
	.interview .talk_ul li:nth-child(19){
		padding-bottom: 5.13vw;
	}
	.interview .talk_img img{
		margin-bottom: 0;
	}

}

/*job*/
.job{
	padding-bottom: 160px;
	position: relative;
}
.job .carrea_ad{
	padding-bottom: 40px;
}
.job .common_h3{
	text-align: left;
	background-image: unset;
	background-size: unset;
	background-repeat: unset;
	background-position: unset;
	position: relative;
}
.job .carrea_h3bg{
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/about_purpose_h3_bg.svg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center -5px;
	width: 180px;
	height: 117px;
	position: absolute;
	left: calc(50% - 450px);
	top: -20px;
}
.job .carrea01,
.job .carrea02{
	padding: 40px 32px;
	background-color: #F0F0F0;
	display: none;
}
.job .carrea_txt01,
.job .carrea_txt02{
	font-size: 24px;
	font-weight: 400;
	padding-right: 760px;
	margin-bottom: 40px;
	color: #000;
	line-height: 2;
	position: relative;
	transition: .4s;
	cursor: pointer;
}
.job .carrea_txt01:before,
.job .carrea_txt02:before{
	position: absolute;
	content: '';
	background-color: #333;
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/fv_cta_arrow.svg);
	background-position: center;
	background-size: 16px;
	background-repeat: no-repeat;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	transition: .4s;
}
.job .carrea_txt01:hover,
.job .carrea_txt02:hover{
	color: #F4B81F;
}
.job .carrea_txt01:hover::before,
.job .carrea_txt02:hover::before{
	background-color: #F4B81F;
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/fv_cta_arrow_black.svg);
}
.job .carrea_ul{
	margin-bottom: 40px;
}
.job .carrea_ul li{
	padding: 20px 0;
	border-bottom: 1px solid #000;
	font-size: 18px;
	letter-spacing: calc(18px*0.05);
	line-height: 2;
	color: #000;
}
.job .carrea_ul li dt{
	width: 205px;
	font-weight: 400;
}
.job .carrea_ul li dd{
	width: calc(100% - 205px);
	font-weight: 400;
}
.job .rec_btn{
	padding: 40px 176px 40px 43px;
	font-size: 24px;
	letter-spacing: calc(24px*0.05);
	line-height: 1;
	color: #333;
	margin-bottom: 40px;
	text-align: center;
	margin: 0 auto;
	display: block;
	width: 546px;
	position: relative;
	transition: .4s;
}
.job .rec_btn:before{
	position: absolute;
	content: '';
	width: 64px;
	height: 64px;
	border-radius: 100%;
	background-color: #000;
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/fv_cta_arrow.svg);
	background-position: center;
	background-size: 26px;
	background-repeat: no-repeat;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	transition: .4s;
}
.job .rec_btn:hover{
	color: #F4B81F;
}
.job .rec_btn:hover::before{
	background-color: #F4B81F;
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/fv_cta_arrow_black.svg);
}
.scrollify{
  width: 100%;
  height: 100vh!important;
}
@media screen and (max-width:1040px){
	.job .carrea_txt01,
	.job .carrea_txt02{
		padding-right: 160px;
	}
	.job .carrea_h3bg{
		width: 180px;
		height: 117px;
		left: calc(50% - 300px);
		top: -20px;
	}
}
@media screen and (max-width:767px){
	.scrollify{
	  width: 100%;
	  height: 100%!important;
	}
	.job{
		padding-bottom: 0;
		border-bottom: 1px solid #333;
		width: 90vw;
		margin: 0 auto 16.41vw auto;

	}
	.job .carrea_ad{
		padding-bottom: 5.13vw;
	}
	.job .carrea_h3bg{
		background-position: center;
		width: 17.95vw;
		height: 11.79vw;
		left: calc(50% - 33.33vw);
		top: 1.03vw;
	}
	.job .carrea01,
	.job .carrea02{
		padding: 0;
		margin-bottom: 10.26vw;
	}
	.job .carrea_txt01,
	.job .carrea_txt02{
		font-size: 4.1vw;
		padding-right: 38.46vw;
		margin-bottom: 5.13vw;
	}
	.job .carrea_txt01:before,
	.job .carrea_txt02:before{
		background-size: 2.56vw;
		width: 6.41vw;
		height: 6.41vw;
	}
	.job .carrea_txt01:hover,
	.job .carrea_txt02:hover{
		color: #333;
	}
	.job .carrea_txt01:hover::before,
	.job .carrea_txt02:hover::before{
		background-color: #333;
		background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/fv_cta_arrow.svg);
	}
	.job .carrea_ul{
		margin-bottom: 0;
	}
	.job .carrea_ul li{
		padding: 5.13vw;
		border-bottom: 1px solid #333;
		font-size: 4.1vw;
		letter-spacing: calc(4.1vw*0.05);
	}
	.job .carrea_ul li dl{
		display: block;
	}
	.job .carrea_ul li dt{
		width: 100%;
		margin-bottom: 5.13vw;
	}
	.job .carrea_ul li dd{
		width: 100%;
	}
	.job .rec_btn{
		padding: 10.26vw 30.77vw 10.26vw 10.26vw;
		font-size: 4.1vw;
		letter-spacing: calc(4.1vw*0.05);
		margin-bottom: 0;
		width: 100%;
	}
	.job .rec_btn:before{
		width: 5.13vw;
		height: 5.13vw;
		background-size: 2.82vw;
		right: 10.26vw;
	}
	.job .rec_btn:hover{
		color: #333;
	}
	.job .rec_btn:hover::before{
		background-color: #333;
		background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/fv_cta_arrow.svg);
	}
}


/*workstyle*/
.common_fv_bg.workstyle_fv {
  background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/workstyle_bg.webp);
}
.general_subttl .workstyle_subttl{
	width: 409px;
	height: 56px;
}
.ws{
	padding: 120px 0 160px 0;
	background-color: #FEFAF3;
	margin-bottom: 160px;
}
.ws .ws_sidetxt{
	font-size: 160px;
	letter-spacing: calc(160px*0.07);
	line-height: 1.2;
	font-weight: 700;
	writing-mode: vertical-rl;
	color: #ececec;
	position: absolute;
	left: 0;
	top: 0;
	height: 2600px;
}
.ws_inner{
	max-width: 1064px;
	margin: 0 auto;
}
.ws h3{
	font-size: 28px;
	letter-spacing: calc(28px*0.05);
	line-height: 1;
	font-weight: 700;
	color: #333;
	padding-bottom: 132px;
	position: relative;
}
.ws .ws_ul{
	flex-wrap: wrap;
	padding-bottom: 150px;
}
.ws .ws_ul li{
	margin-right: 50px;
	margin-bottom: 210px;
	position: relative;
}
.ws .ws_ul li:nth-child(2),
.ws .ws_ul li:nth-child(5),
.ws .ws_ul li:nth-child(8){
	top: -80px;
}
.ws .ws_ul li:nth-child(3),
.ws .ws_ul li:nth-child(6),
.ws .ws_ul li:nth-child(9){
	top: -160px;
	margin-right: 0;
}
.ws .ws_ul li:nth-child(7),
.ws .ws_ul li:nth-child(8),
.ws .ws_ul li:nth-child(9){
	margin-bottom: 0;
}
.ws .ws_ul li .ws_case{
	display: block;
	width: 300px;
	height: 430px;
	background-color: #D9F0F7;
	background-image: var(--bg-normal);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
  font-size: 60px;
  letter-spacing: calc(60px*0.05);
  z-index: 1;
}
.ws .ws_ul li .ws_case.soon{
	background-image: unset;
}
.ws .ws_ul li .ws_case:hover{
/*	background-image: var(--bg-hover);*/
	transform: scale(1.1);
	transition: .4s;

}
.ws .ws_ul li .ws_case.soon:hover{
	background-image: unset;
}
.ws .ws_ul li .ws_case .case_txt{
	position: absolute;
	bottom: -40px;
	left: calc(50% - 130px);
	color: #F4B81F;
  width: 340px;
  z-index: 1;
}
.ws .ws_ul li .ws_case .case_txt span{
	color: transparent;
  -webkit-text-stroke: 2px #F4B81F;
}
.ws .ws_ul li .ws_case .soon_txt{
	text-align: center;
	padding: 186px 0;
	color: #9E9E9E;
	font-size: 28px;
	letter-spacing: calc(28px*0.05);
	font-weight: 600;
}
.ws_photo .ws_photo01,
.ws_photo .ws_photo02{
	width: 500px;
	height: 333px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 30px;
	margin-right: 40px;
}
.ws_photo .ws_photo01{
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/ws_photo01.webp);
}
.ws_photo .ws_photo02{
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/ws_photo02.webp);
}
.ws_photo .ws_photo03{
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/ws_photo03.webp);
}
.ws_photo .ws_photo04{
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/ws_photo04.webp);
}
.ws_photo .ws_photo05{
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/ws_photo05.webp);
}
.ws .swiper{
  height: 100%;
  &.swiper3{
    left: 0;
    top: 0;
  }
}
/* スライドの動き等速 */
.ws .swiper-wrapper {
  transition-timing-function: linear;
}
/* 画像のサイズ調整 */
.ws .swiper-slide {
  border-radius: 30px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 500px!important;
  height: 300px!important;
  margin-right: 40px!important;
}
@media screen and (max-width:1112px){
	.ws .ws_ul li .ws_case{
		width: 150px;
		height: 215px;
		font-size: 40px;
		letter-spacing: calc(40px*0.05);
		z-index: 1;
	}
	.ws .ws_ul{
		width: 550px;
		margin: 0 auto;
	}
	.ws .ws_ul li .ws_case .case_txt{
		bottom: -28px;
		left: calc(50% - 60px);
		width: 240px;
	}
	.ws .ws_ul li .ws_case .soon_txt{
		padding: 66px 0;
	}
	.ws .ws_sidetxt{
		font-size: 120px;
		letter-spacing: calc(120px*0.07);
		height: 2000px;
	}
}
@media screen and (max-width:767px){
	.general_subttl .workstyle_subttl{
		width: 52.56vw;
		height: 7.18vw;
	}
	.ws{
		padding: 12.31vw 0 2.56vw 0;
		background-color: #FEFAF3;
		margin-bottom: 65.13vw;
		position: relative;
		top: 48.72vw;
	}
	.ws .ws_sidetxt{
		font-size: 15.38vw;
		letter-spacing: calc(15.38vw*0.07);
		height: 256.41vw;
		left: calc(50% - 50.26vw);
		top: calc(50% - 516.92vw);
	}
	.ws_inner{
		max-width: 90vw;
	}
	.ws h3{
		font-size: 4.36vw;
		letter-spacing: calc(4.36vw*0.05);
		padding-bottom: 9.23vw;
	}
	.ws .ws_ul{
		flex-wrap: unset;
		display: block;
		padding-bottom: 0;
		width: 90vw;
		margin: 0 auto;
	}
	.ws .ws_ul li{
		margin-right: 0;
		margin-bottom: 16.41vw;
		left: calc(50% - 40.51vw);
		width: 88.46vw;
	}
	.ws .ws_ul li:nth-child(2),
	.ws .ws_ul li:nth-child(5),
	.ws .ws_ul li:nth-child(8){
		top: unset;
	}
	.ws .ws_ul li:nth-child(3),
	.ws .ws_ul li:nth-child(6),
	.ws .ws_ul li:nth-child(9){
		top: unset;
	}
	.ws .ws_ul li:nth-child(7),
	.ws .ws_ul li:nth-child(8),
	.ws .ws_ul li:nth-child(9){
		margin-bottom: 16.41vw;
	}
	.ws .ws_ul li .ws_case{
		width: 76.92vw;
		height: 102.56vw;
		font-size: 15.38vw;
		letter-spacing: calc(15.38vw*0.05);
	}
	.ws .ws_ul li .ws_case.soon{
		background-image: unset;
	}
	.ws .ws_ul li .ws_case .case_txt{
		position: absolute;
		bottom: -10.77vw;
		left: calc(50% - 38.97vw);
		color: #F4B81F;
		width: 84.1vw;
		z-index: 1;
	}
	.ws .ws_ul li .ws_case .case_txt span{
		color: transparent;
	  -webkit-text-stroke: 1px #F4B81F;
	}
	.ws .ws_ul li .ws_case .soon_txt{
		padding: 47.69vw 0;
		font-size: 7.18vw;
		letter-spacing: calc(7.18vw*0.05);
	}
	.ws .swiper{
		display: none;
	}
}

/*workstyle_detail*/
.ws_detail{
	padding: 120px 0 240px 0;
	position: relative;
}
.ws_detail_h3bg{
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/about_purpose_h3_bg.svg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center -5px;
	width: 120px;
	height: 78px;
	position: absolute;
	left: calc(50% - 470px);
	top: 120px;
}
.ws_detail .common_h3{
	color: #DD4F36;
	text-align: left;
	background-position: unset;
	background-image: unset;
	background-size: unset;
	background-repeat: unset;
	position: relative;
}
.ws_detail .detail_ttl{
	font-size: 28px;
	line-height: 1.8;
	color: #333;
	padding-bottom: 20px;
}
.ws_detail .adviser_wrap{
	padding-bottom: 40px;
}
.ws_detail .adviser_txt{
	font-size: 20px;
	line-height: 1.8;
	color: #000;
	margin-right: 32px;
}
.ws_detail .adviser_img{
	background-color: #4CBFE6;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 108px;
	height: 108px;
	border-radius: 100%;
}
.ws_detail .adviser_img.ad_kobayashi{
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/adviser_kobayashi.webp);
}
.ws_detail .adviser_img.ad_02{
/*	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/ad_02.webp);*/
	background-size: 105px;
	background-position: 0 18px;
}
.ws_detail .adviser_img.ad_03{
/*	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/ad_03.webp);*/
	background-size: 105px;
	background-position: 0 18px;
}
.ws_detail .case_img{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	position: relative;
	height: 667px;
	margin-bottom: 156px;
}
.ws_detail .case_kobayashi{
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/case_kobayashi.webp);
}
.ws_detail .case_02{
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/case_02.webp);
}
.ws_detail .case_03{
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/case_03.webp);
}
.ws_detail .case_img .case_txt{
	font-size: 180px;
	line-height: 1;
	position: absolute;
	bottom: -80px;
	left: calc(50% - 170px);
	color: #F4B81F;
  width: 920px;
  z-index: 1;
}
.ws_detail .case_img .case_txt span{
	color: transparent;
  -webkit-text-stroke: 2px #F4B81F;
}
.ws_detail .digest{
	padding-bottom: 120px;
	position: relative;
	display: none;
}
.ws_detail .digest .bg{
	position: relative;
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/digest_bg.webp);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 1040px;
	height: 310px;
	left: 50%;
	transform: translateX(-50%);
}
.ws_detail .digest .ttl{
	font-size: 24px;
	letter-spacing: calc(24px*0.05);
	line-height: 1;
	color: #333;
	text-align: center;
}
.ws_detail .digest .txt{
	font-size: 16px;
	letter-spacing: calc(16px*0.05);
	line-height: 2;
	color: #333;
	width: 936px;
	margin: 0 auto;
	font-weight: 400;
	padding: 50px 0;
}
.ws_detail .talk{
/*	padding-bottom: 120px;*/
	padding-bottom: 0;
}
.ws_detail .talk .keyword{
	font-size: 28px;
	letter-spacing: calc(28px*0.05);
	color: #333;
	padding-bottom: 64px;
	font-weight: 700;
}
.ws_detail .talk .talk_wrap{
	padding-bottom: 64px;
}
.ws_detail .talk .talk_wrap .txt{
	font-size: 18px;
	line-height: 1.8;
	color: #333;
	width: calc(100% - 148px);
	font-weight: 400;
}
.ws_detail .talk .talk_wrap .img{
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 108px;
	height: 108px;
	border-radius: 100%;
	margin-right: 40px;
}
.ws_detail .talk .talk_wrap .img.talk_kobayashi{
	background-color: #4CBFE6;
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/adviser_kobayashi.webp);
}
.ws_detail .talk .talk_wrap .img.talk_02{
	background-color: #4CBFE6;
/*	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/ad_02.webp);*/
	background-size: 105px 91px;
	background-position: 0 18px;
}
.ws_detail .talk .talk_wrap .img.talk_03{
	background-color: #4CBFE6;
/*	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/ad_03.webp);*/
	background-size: 105px 91px;
	background-position: 0 18px;
}
.ws_detail .talk .talk_wrap .img.talk_user01{
	background-color: #F4B81F;
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/user_01.webp);
	background-size: 102px 91px;
	background-position: 0 18px;
}
.ws_detail .another_cases{
	position: relative;
	background: linear-gradient(rgba(230, 246, 251, 0.6), rgba(230, 246, 251, 0.6))
	,url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/ac_bg.webp);
	padding: 74px 180px 24px 180px;
	width: 1320px;
	border-radius: 240px;
	margin: 0 auto;
}
.ws_detail .another_cases .ac_ul li{
	padding: 52px 180px 52px 0;
	border-right: 1px solid #4CBFE6;
}
.ws_detail .another_cases .ac_ul li:last-child{
	padding: 52px 0 52px 180px;
	margin-right: 0;
	border-right: 0;
}
.ws_detail .another_cases .ac_ttl{
	position: absolute;
	font-size: 100px;
	letter-spacing: calc(100px*0.05);
	line-height: 1;
	color: #F4B81F;
	left: 50%;
	top: -46px;
	transform: translateX(-50%);
	width: 810px;
}
.ws_detail .another_cases .ac_link{
	display: block;
	transition: .4s;
}
.ws_detail .another_cases .ac_link:hover{
	transform: scale(1.1);
}
.ws_detail .another_cases .ac_link .img{
	width: 300px;
	height: 200px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	margin-bottom: 16px;
}
.ws_detail .another_cases .ac_link .txt{
	font-size: 32px;
	letter-spacing: calc(32px*0.05);
	line-height: 1;
	color: #333;
	text-align: center;
	font-weight: 500;
}
.ws_detail .ws_alert{
	text-align: center;
	color: #333;
	font-size: 16px;
	padding-top: 16px;
}
@media screen and (max-width:1380px){
	.ws_detail .case_img .case_txt{
		font-size: 90px;
		bottom: -40px;
		left: calc(50% - 100px);
		width: 500px;
	}
	.ws_detail .another_cases{
		padding: 37px 90px 12px 90px;
		width: 700px;
		border-radius: 120px;
	}
	.ws_detail .another_cases .ac_ul li{
		padding: 26px 90px 26px 0;
	}
	.ws_detail .another_cases .ac_ul li:last-child{
		padding: 26px 0 26px 90px;
	}
	.ws_detail .another_cases .ac_ttl{
		font-size: 60px;
		letter-spacing: calc(60px*0.05);
		top: -36px;
		width: 500px;
	}
	.ws_detail .another_cases .ac_link .img{
		width: 150px;
		height: 100px;
		margin-bottom: 16px;
	}
	.ws_detail .another_cases .ac_link .txt{
		font-size: 20px;
		letter-spacing: calc(20px*0.05);
	}
}
@media screen and (max-width:1064px){
	.ws_detail .digest .bg{
		width: 750px;
		height: 222px;
	}
	.ws_detail .digest .txt{
		font-size: 12px;
		letter-spacing: calc(12px*0.05);
		width: 640px;
		padding: 40px 0;
	}
	.ws_detail_h3bg{
		left: calc(50% - 320px);
	}
}
@media screen and (max-width:767px){
	.ws_detail{
		padding: 12.31vw 0 48.72vw 0;
		top: 48.72vw;
		overflow-x: hidden;
	}
	.ws_detail_h3bg{
		background-position: center -1.28vw;
		width: 17.95vw;
		height: 11.79vw;
		position: absolute;
		left: calc(50% - 41.54vw);
		top: 58px;
	}
	.ws_detail .common_h3{
		font-size: 6.15vw;
		letter-spacing: calc(6.15vw*0.05);
	}
	.ws_detail .detail_ttl{
		font-size: 4.36vw;
		line-height: 2;
		padding-bottom: 3.08vw;
	}
	.ws_detail .adviser_wrap{
		padding-bottom: 10.26vw;
	}
	.ws_detail .adviser_txt{
		font-size: 4.1vw;
		margin-right: 9.74vw;
	}
	.ws_detail .adviser_img{
		width: 20.51vw;
		height: 20.51vw;
	}
	.ws_detail .adviser_img.ad_02{
		background-size: 20vw;
		background-position: 0 4.62vw;
	}
	.ws_detail .adviser_img.ad_03{
		background-size: 20vw;
		background-position: 0 4.62vw;
	}
	.ws_detail .case_img{
		width: 85.9vw;
		height: 57.18vw;
		margin: 0 auto 25.38vw auto;
	}
	.ws_detail .case_img .case_txt{
		font-size: 15.38vw;
		letter-spacing: calc(15.38vw*0.05);
		bottom: -8.21vw;
		left: calc(50% - 35.9vw);
		width: 84.08vw;
	}
	.ws_detail .case_img .case_txt span{
	  -webkit-text-stroke: 1px #F4B81F;
	}
	.ws_detail .digest{
		padding-bottom: 16.41vw;
	}
	.ws_detail .digest .bg{
		background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/digest_bg_sp.webp);
		background-size: 85.9vw 750px;
		width: 85.9vw;
		height: 192.31vw;
	}
	.ws_detail .digest .ttl{
		font-size: 6.15vw;
		letter-spacing: calc(6.15vw*0.05);
		line-height: 1.5;
		padding-bottom: 5.13vw;
		text-align: center;
	}
	.ws_detail .digest .txt{
		font-size: 3.85vw;
		letter-spacing: calc(3.85vw*0.05);
		width: 64.74vw;
		position: relative;
	}
	.ws_detail .talk{
/*		padding-bottom: 16.41vw;*/
			padding-bottom: 0;
	}
	.ws_detail .talk:last-of-type{
		padding-bottom: 0;
	}
	.ws_detail .talk .keyword{
		font-size: 4.62vw;
		letter-spacing: calc(6.15vw*0.05);
		padding-bottom: 11.28vw;
	}
	.ws_detail .talk .talk_wrap{
		padding-bottom: 10.26vw;
		display: block;
	}
	/*.ws_detail .talk .talk_wrap:last-of-type{
		padding-bottom: 0;
	}*/
	.ws_detail .talk .talk_wrap .txt{
		font-size: 3.85vw;
		line-height: 1.8;
		width: 100%;
	}
	.ws_detail .talk .talk_wrap .img{
		width: 20.51vw;
		height: 20.51vw;
		margin-right: 0;
		margin-bottom: 5.13vw;
	}
	.ws_detail .talk .talk_wrap .img.talk_02{
		background-size: 20vw;
		background-position: 0 4.62vw;
	}
	.ws_detail .talk .talk_wrap .img.talk_03{
		background-size: 20vw;
		background-position: 0 4.62vw;
	}
	.ws_detail .talk .talk_wrap .img.talk_user01{
		background-size: 19.49vw;
		background-position: 0 4.62vw;
	}
	.ws_detail .another_cases{
		position: relative;
		background: linear-gradient(rgba(230, 246, 251, 0.6), rgba(230, 246, 251, 0.6))
		,url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/ac_bg.webp);
		padding: 25.64vw 10.77vw 25.64vw 10.77vw;
		width: 85.9vw;
		border-radius: 61.54vw;
		margin-top: 16.41vw;
		margin-bottom: 28.21vw;
	}
	.ws_detail .another_cases .ac_ul{
		display: block;
	}
	.ws_detail .another_cases .ac_ul li{
		padding: 13.33vw 0;
		border-right: unset;
		border-bottom: 1px solid #4CBFE6;
	}
	.ws_detail .another_cases .ac_ul li:last-child{
		padding: 13.33vw 0;
		margin-right: 0;
		border-right: 0;
		border-bottom: 0;
	}
	.ws_detail .another_cases .ac_ttl{
		writing-mode: vertical-rl;
		font-size: 25.64vw;
		letter-spacing: calc(25.64vw*0.05);
		line-height: 1;
		left: calc(50% - 53.85vw);
		top: 20.51vw;
		transform: unset;
		width: 25.64vw;
		height: 207.69vw;
	}
	.ws_detail .another_cases .ac_link:hover{
		opacity: unset;
	}
	.ws_detail .another_cases .ac_link .img{
		width: 64.1vw;
		height: 42.82vw;
		margin-bottom: 5.13vw;
	}
	.ws_detail .another_cases .ac_link .txt{
		font-size: 8.21vw;
		letter-spacing: calc(8.21vw*0.05);
		width: 64.1vw;
	}
	.ws_detail .ws_alert{
		font-size: 3.13vw;
		padding-top: 0;
		padding-bottom: 4.27vw;
	}
}

/*news*/
.common_fv_bg.news_fv {
  background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/news_bg.webp);
}
.general_subttl .news_subttl{
	width: 233px;
	height: 56px;
}
.news_list{
	padding: 120px 0 160px 0;
}
.news_list .btnwrap{
	padding-bottom: 40px;
}
.news_list .btnwrap .genre{
	font-size: 14px;
	letter-spacing: calc(14px*0.05);
	line-height: 1;
	color: #DD4F36;
	max-width: 156px;
	text-align: center;
	padding: 8px 16px;
	border: 1px solid #DD4F36;
	border-radius: 40px;
	margin-right: 20px;
	transition: .4s;
	cursor: pointer;
}

.news_list .btnwrap .genre:nth-of-type(1){
	margin-right: 56px;
	position: relative;
}
.news_list .btnwrap .genre:nth-of-type(1)::before{
	position: absolute;
	content: '';
	background-color: #D9D9D9;
	width: 1px;
	height: 44px;
	right: -28px;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
}
.news_list .btnwrap .genre:hover{
	background-color: #DD4F36;
	color: #fff;
}
.news_list .btnwrap .genre.select{
	background-color: #DD4F36;
	color: #fff;
}
.news_list .news_ul{
	padding-bottom: 80px;
}
.news_list .news_ul li{
	padding: 48px 0;
	border-bottom: 1px solid #C0C0C0;
}
.news_list .news_ul li:nth-child(1){
	padding: 0 0 48px 0;
}
.news_list .news_ul li .list_wrap{
	padding: 24px 20px;
	background-color: #F2F2F2;
	display: block;
}
.news_list .news_ul li .info{
	padding-bottom: 16px;
}
.news_list .news_ul li .info .date,
.news_detail .news_detail_wrap .info .date{
	font-size: 16px;
	letter-spacing: calc(16px*0.1);
	line-height: 1;
	color: #7c7c7c;
	margin-right: 24px;
	font-weight: 700;
}
.news_list .news_ul li .info .genre,
.news_detail .news_detail_wrap .info .genre{
	font-size: 12px;
	letter-spacing: calc(12px*0.05);
	color: #fff;
	padding: 4px 8px;
	background-color: #333;
	border-radius: 2px;
	transition: .4s;
}
.news_list .news_ul li .info .genre:hover,
.news_detail .news_detail_wrap .info .genre:hover{
	background-color: rgba(51, 51, 51, 0.7);
}
.news_list .news_ul li .ttl{
	font-size: 20px;
	letter-spacing: calc(20px*0.1);
	color: #333;
	padding-bottom: 12px;
}
.news_list .news_ul li .txt{
	font-size: 16px;
	letter-spacing: calc(16px*0.1);
	color: #333;
	font-weight: 400;
	white-space: nowrap;       /* 1行で表示 */
	overflow: hidden;          /* はみ出した部分を隠す */
	text-overflow: ellipsis;   /* 省略記号 (…) を表示 */
}

.news_list .pagenation li{
	margin-right: 48px;
}
.news_list .pagenation li:last-child{
	margin-right: 0;
}
.news_list .pagenation a,
.news_list .pagenation p{
	font-size: 24px;
	letter-spacing: calc(24px*0.05);
	line-height: 1;
	color: #333;
	font-weight: 700;
	transition: .4s;
}
.news_list .pagenation a:hover{
	color: #DD4F36;
}
@media screen and (max-width:767px){
	.common_fv_bg.news_fv {
		background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/news_bg.webp);
	}
	.general_subttl .news_subttl{
		width: 30vw;
		height: 7.18vw;
	}
	.news_list{
		padding: 30.77vw 0 57.44vw 0;
		position: relative;
		top: 41.03vw;
	}
	.news_list .btnwrap{
		display: -webkit-box;
		overflow-x: scroll;
		padding-bottom: 10.26vw;
	}
	.news_list .btnwrap .genre{
		font-size: 3.59vw;
		letter-spacing: calc(3.59vw*0.05);
		padding: 2.05vw 4.1vw;
		border-radius: 10.26vw;
		margin-right: 5.13vw;
		width:100%;
		min-width:38.21vw;
		display: -webkit-box;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.news_list .btnwrap .genre:nth-of-type(1){
		margin-right: 10.26vw;
		position: relative;
	}
	.news_list .btnwrap .genre:nth-of-type(1)::before{
		position: absolute;
		content: '';
		background-color: #D9D9D9;
		width: 1px;
		height: 11.28vw;
		right: -7.18vw;
		top: 50%;
		transform: translateY(-50%);
		pointer-events: none;
	}
	.news_list .btnwrap .genre:last-of-type{
		margin-right: 0;
	}
	.news_list .btnwrap .genre:hover{
		background-color: #fff;
		color: #DD4F36;
	}
	.news_list .btnwrap .genre.select{
		background-color: #DD4F36;
		color: #fff;
	}
	.news_list .news_ul{
		padding-bottom: 20.51vw;
	}
	.news_list .news_ul li{
		padding: 8.21vw 0;
	}
	.news_list .news_ul li:nth-child(1){
		padding: 0 0 8.21vw 0;
	}
	.news_list .news_ul li .list_wrap{
		padding: 6.15vw 2.05vw;
	}
	.news_list .news_ul li .info{
		padding-bottom: 4.1vw;
		justify-content: space-between;
	}
	.news_list .news_ul li .info .date,
	.news_detail .news_detail_wrap .info .date{
		font-size: 4.1vw;
		letter-spacing: calc(4.1vw*0.1);
		margin-right: 6.15vw;
	}
	.news_list .news_ul li .info .genre,
	.news_detail .news_detail_wrap .info .genre{
		font-size: 3.08vw;
		letter-spacing: calc(3.08vw*0.05);
		padding: 1.03vw 1.03vw;
		border-radius: 0.51vw;
	}
	.news_list .news_ul li .info .genre:hover,
	.news_detail .news_detail_wrap .info .genre:hover{
		background-color: #333;
	}
	.news_list .news_ul li .ttl{
		font-size: 4.1vw;
		letter-spacing: calc(4.1vw*0.1);
		padding-bottom: 3.08vw;
	}
	.news_list .news_ul li .txt{
		font-size: 3.85vw;
		letter-spacing: calc(3.85vw*0.1);
	}
	.news_list .pagenation li{
		margin-right: 12.31vw;
	}
	.news_list .pagenation li:last-child{
		margin-right: 0;
	}
	.news_list .pagenation a,
	.news_list .pagenation p{
		font-size: 6.15vw;
		letter-spacing: calc(6.15vw*0.05);
	}
	.news_list .pagenation a:hover{
		color: #333;
	}
}

/*news_detail*/
.news_detail{
	padding: 120px 0 80px 0;
}
.news_detail .news_detail_wrap .info{
	padding-bottom: 40px;
}
.news_detail .news_detail_wrap .ttl{
	font-size: 24px;
	letter-spacing: calc(24px*0.1);
	color: #333;
	padding-bottom: 40px;
	border-bottom: 2px solid #C0C0C0;
}
.news_detail .news_detail_wrap .txt{
	font-size: 16px;
	letter-spacing: calc(16px*0.05);
	line-height: 2;
	font-weight: 400;
	color: #333;
	padding: 40px 0 56px 0;
}
.news_detail .news_detail_wrap .news_detail_img{
	display: block;
	background-color: #d9d9d9;
	width: 100% !important;
	height: unset !important;
	max-width: unset !important;
	margin-bottom: 56px;
}
.news_detail .news_detail_wrap .list_back{
	display: block;
	font-size: 24px;
	letter-spacing: calc(24px*0.05);
	line-height: 1;
	color: #333;
	padding-right: 144px;
	position: relative;
	width: 472px;
	margin: 0 auto;
	transition: .4s;
}
.news_detail .news_detail_wrap .list_back:hover{
	color: #F4B81F;
}
.news_detail .news_detail_wrap .list_back:before{
	position: absolute;
	content: '';
	width: 64px;
	height: 64px;
	border-radius: 100%;
	background-color: #333;
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/fv_cta_arrow.svg);
	background-size: 26px;
	background-position: center;
	background-repeat: no-repeat;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	transition: .4s;
}
.news_detail .news_detail_wrap .list_back:hover::before{
	background-color: #F4B81F;
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/fv_cta_arrow_black.svg);
}
@media screen and (max-width:767px){
	.news_detail{
		padding: 12.31vw 0 65.64vw 0;
		position: relative;
		top: 48.72vw;
	}
	.news_detail .news_detail_wrap .info{
		padding-bottom: 4.1vw;
		justify-content: space-between;
	}
	.news_detail .news_detail_wrap .ttl{
		font-size: 4.1vw;
		letter-spacing: calc(4.1vw*0.1);
		padding-bottom: 6.15vw;
		border-bottom: 1px solid #C0C0C0;
	}
	.news_detail .news_detail_wrap .txt{
		font-size: 3.85vw;
		letter-spacing: calc(3.85vw*0.1);
		line-height: 1.5;
		padding: 6.15vw 0 10.26vw 0;
	}
	.news_detail .news_detail_wrap .news_detail_img{
		width: 85.9vw;
		height: 48.21vw;
		margin-bottom: 10.26vw;
	}
	.news_detail .news_detail_wrap .list_back{
		font-size: 4.1vw;
		letter-spacing: calc(4.1vw*0.05);
		padding-right: 25.64vw;
		width: 65.13vw;
	}
	.news_detail .news_detail_wrap .list_back:hover{
		color: #333;
	}
	.news_detail .news_detail_wrap .list_back:before{
		width: 5.13vw;
		height: 5.13vw;
		background-size: 2.82vw;
	}
	.news_detail .news_detail_wrap .list_back:hover::before{
		background-color: #333;
		background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/fv_cta_arrow.svg);
	}
}

/*contact*/
.common_fv_bg.contact_fv {
  background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/contact_bg.webp);
}
.general_subttl .contact_subttl{
	width: 350px;
	height: 56px;
}
.contact{
	padding: 308px 0 360px 0;
}
.contact .dic_wrap{
	padding: 64px 56px;
	width:100%;
	background-color: #EDF9FC;
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/dic_bg.webp);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 10px;
}
.contact .dic_wrap .txt{
	font-size: 20px;
	letter-spacing: calc(20px*0.05);
	line-height: 2;
	padding: 53px 0 53px 372px;
	color: #333;
	position: relative;
}
.contact .dic_wrap .txt:before{
	position: absolute;
	content: '';
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/dic_ex.webp);
	width: 324px;
	height: 226px;
	left: 0;
	top: 50% ;
	transform: translateY(-50%);
}
.contact .dic_wrap .txt .dic_link{
	border-bottom: 1px solid #909697;
	transition: .4s;
}
.contact .dic_wrap .txt .dic_link:hover{
	color: #F4B81F;
	border-bottom: 1px solid #F4B81F;
}
.contact .faq{
	padding-top: 160px;
}
.contact .faq .common_h3{
	padding-bottom: 120px;
}
.contact .faq .faq_ul li{
	padding: 40px 36px 40px 40px;
	border-radius: 10px;
	border: 2px solid #D9D9D9;
	margin-bottom: 40px;
}
.contact .faq .faq_ul li .question{
	font-size: 18px;
	letter-spacing: calc(18px*0.05);
	color: #333;
	position: relative;
	cursor: pointer;
}
.contact .faq .faq_ul li .question:before{
	position: absolute;
	content: '';
	background-color: #333;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/faq_plus.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 16px;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	transition: .4s;
}
.contact .faq .faq_ul li .question.open:before{
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/faq_minus.svg);
}
.contact .faq .faq_ul li .answer{
	font-size: 17px;
	letter-spacing: calc(17px*0.05);
	line-height: 2;
	color: #333;
	font-weight: 400;
	padding: 32px;
	background-color: rgba(244, 184, 31, 0.1);
	display: none;
	margin-top: 40px;
}
.contact .form_link{
	padding: 160px 0 112px 0;
	max-width: 1064px;
	margin: 0 auto;
	position: relative;
}
.contact .form_link .bgtxt{
	font-size: 180px;
	color: transparent;
	-webkit-text-stroke: 1px #F4B81F;
	line-height: 1;
	letter-spacing: calc(180px * 0.05);
	position: absolute;
	bottom: 0;
	left: calc(50% - 780px);
	width: 1720px;
}
.contact .form_link .common_h3{
	padding-bottom: 126px;
}
.contact .form_link .form_link_ul{
	flex-wrap: wrap;
	position: relative;
}
.contact .form_link .form_link_ul li{
	padding: 28px 40px 38px 40px;
	border: 2px solid #D9D9D9;
	border-radius: 10px;
	margin-right: 40px;
	margin-bottom: 40px;
	background-color: #fff;
}
.contact .form_link .form_link_ul li:nth-child(2n){
	margin-right: 0;
}
.contact .form_link .form_link_ul li:nth-child(3),
.contact .form_link .form_link_ul li:nth-child(4){
	margin-bottom: 0;
}
.contact .form_link .form_link_ul li .ttl{
	font-size: 20px;
	letter-spacing: calc(20px*0.05);
	line-height: 2;
	color: #000;
	padding-bottom: 134px;
}
.contact .form_link .form_link_ul li .btn{
	display: block;
	width: 400px;
	font-size: 16px;
	border-radius: 20px;
	letter-spacing: calc(16px*0.05);
	color: #333;
	background-color: #F4B81F;
	padding: 28px 24px;
	position: relative;
	transition: .4s;
}
.contact .form_link .form_link_ul li .btn:hover{
	color: #F4B81F;
	background-color: #333;
}
.contact .form_link .form_link_ul li .btn:before{
	position: absolute;
	content: '';
	background-color: #333;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/fv_cta_arrow.svg);
	background-size: 16px;
	background-position: center;
	background-repeat: no-repeat;
	top: 50%;
	right: 24px;
	transform: translateY(-50%);
	transition: .4s;
}
.contact .form_link .form_link_ul li .btn:hover::before{
	background-color: #F4B81F;
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/fv_cta_arrow_black.svg);
}
@media screen and (max-width:1064px){
	.contact .dic_wrap .txt{
		font-size: 16px;
		letter-spacing: calc(16px*0.05);
		padding: 53px 0 53px 372px;
	}
	.contact .form_link .form_link_ul{
		width: 550px;
		margin: 0 auto;
	}
	.contact .form_link .form_link_ul li{
		padding: 28px 40px 38px 40px;
		border-radius: 10px;
		margin-right: 0;
		margin-bottom: 40px;
	}
	.contact .form_link .form_link_ul li:nth-child(3){
		margin-bottom: 40px;
	}
	.contact .form_link .form_link_ul li:last-child{
		margin-bottom: 0;
	}
}
@media screen and (max-width:767px){
	.general_subttl .contact_subttl{
		width: 44.87vw;
		height: 7.18vw;
	}
	.contact{
		padding: 12.31vw 0 92.31vw 0;
		top: 48.72vw;
		position: relative;
	}
	.contact .dic_wrap{
		padding: 8.21vw 6.15vw;
		width: 85.9vw;
		margin: 0 auto;
		border-radius: 2.56vw;
	}
	.contact .dic_wrap .txt{
		font-size: 4.1vw;
		letter-spacing: calc(4.1vw*0.05);
		padding: 57.44vw 0 0 0;
	}
	.contact .dic_wrap .txt:before{
		width: 73.59vw;
		height: 51.28vw;
		left: 50%;
		top: 0;
		transform: translateX(-50%);
	}
	.contact .dic_wrap .txt .dic_link{
		border-bottom: 1px solid #909697;
	}
	.contact .dic_wrap .txt .dic_link:hover{
		border-bottom: 1px solid #F4B81F;
	}
	.contact .faq{
		padding-top: 16.41vw;
	}
	.contact .faq .common_h3{
		padding-bottom: 10.26vw;
	}
	.contact .faq .faq_ul li{
		padding: 6.15vw;
		border-radius: 2.56vw;
		border: 0.51vw solid #D9D9D9;
		margin-bottom: 8.21vw;
	}
	.contact .faq .faq_ul li:last-child{
		margin-bottom: 0;
	}
	.contact .faq .faq_ul li .question{
		font-size: 4.1vw;
		letter-spacing: calc(4.1vw*0.05);
		padding-right: 13.33vw;
	}
	.contact .faq .faq_ul li .question:before{
		width: 6.67vw;
		height: 6.67vw;
		background-size: 3.58vw;
	}
	.contact .faq .faq_ul li .answer{
		font-size: 3.85vw;
		letter-spacing: calc(3.85vw*0.05);
		padding: 4.1vw;
		margin-top: 5.13vw;
	}
	.contact .form_link{
		padding: 16.41vw 0 28.72vw 0;
		max-width: unset;
		position: relative;
		overflow-x: hidden;
	}
	.contact .form_link .bgtxt{
		font-size: 20.51vw;
		letter-spacing: calc(46.15vw * 0.01);
		bottom: 15.38vw;
		left: calc(50% - 56.41vw);
		width: 184.62vw;
	}
	.contact .form_link .common_h3{
		padding-bottom: 10.51vw;
	}
	.contact .form_link .form_link_ul{
		width: 85.9vw;
	}
	.contact .form_link .form_link_ul li{
		padding: 6.15vw 3.08vw 3.08vw 3.08vw;
		border: 0.51vw solid #D9D9D9;
		border-radius: 2.56vw;
		margin-right: unset;
		margin-bottom: 8.21vw;
		width: 100%;
	}
	.contact .form_link .form_link_ul li:nth-child(2n){
		margin-right: 0;
	}
	.contact .form_link .form_link_ul li:nth-child(3){
		margin-bottom: 8.21vw;
	}
	.contact .form_link .form_link_ul li:nth-child(4){
		margin-bottom: 0;
	}
	.contact .form_link .form_link_ul li .ttl{
		font-size: 5.13vw;
		letter-spacing: calc(5.13vw*0.05);
		line-height: 2;
		padding-bottom: 19.74vw;
		padding-left: 3.08vw;
	}
	.contact .form_link .form_link_ul li .btn{
		width: 79.74vw;
		font-size: 4.62vw;
		border-radius: 2.56vw;
		letter-spacing: calc(4.62vw*0.05);
		padding: 5.13vw 4.62vw;
		line-height: 1;
	}
	.contact .form_link .form_link_ul li .btn:hover{
		color: #333;
		background-color: #F4B81F;
	}
	.contact .form_link .form_link_ul li .btn:before{
		width: 6.67vw;
		height: 6.67vw;
		background-size: 3.59vw;
		right: 4.62vw;
	}
	.contact .form_link .form_link_ul li .btn:hover::before{
		background-color: #333;
		background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/fv_cta_arrow.svg);
	}
}

/*form*/
.contact_form{

}
.form{
	padding: 120px 0 360px 0;
}
.form .common_h3{
	padding-bottom: 80px;
	text-align: left;
	width: 660px;
}
.common_form .form_ul li{
	padding-bottom: 40px;
}
.common_form .form_ul li dt{
	margin-bottom: 30px;
}
.common_form .form_ul li dt .txt{
	font-size: 18px;
	line-height: 1;
	color: #333;
	margin-right: 8px;
	font-weight: 400;
}
.common_form .form_ul li dt .req{
	font-size: 12px;
	padding: 2px 4px;
	background-color: #D83F18;
	color: #fff;
	border-radius: 3px;
}
.common_form .form_ul li dd.item_dd{
	position: relative;
}
.common_form .form_ul li dd.item_dd:before{
	position: absolute;
	content: '';
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/arrow_down.svg);
	width: 16px;
	height: 16px;
	right: 24px;
	top: 50%;
	transform: translateY(-50%);
}
.common_form .form_ul li dd input,
.common_form .form_ul li dd select,
.common_form .form_ul li dd textarea{
	padding: 20px 24px 20px 8px;
	width: 100%;
	border: 1px solid #C7C7C7;
	border-radius: 4px;
	font-size: 16px;
	line-height: 1;
	color: #333;
}
.common_form .form_ul li dd input::placeholder,
.common_form .form_ul li dd select::placeholder,
.common_form .form_ul li dd textarea::placeholder{
	color: #c7c7c7;
}
.common_form .form_ul li dd.short_dd,
.common_form .form_ul li dd input.short,
.common_form .form_ul li dd select.short{
	width: 380px;
}
.common_form .form_ul li dd.big_dd,
.common_form .form_ul li dd.big_dd input{
	height: 200px;
}
.common_form .policy_wrap{
	width: 580px;
	margin: 0 auto;
	padding-bottom: 80px;
}
.common_form .policy_wrap .txt{
	font-size: 16px;
	line-height: 1;
	font-weight: 400;
	color: #333;
}
.common_form .policy_wrap .txt a{
	border-bottom: 1px solid #333;
}
.common_form .policy_wrap .policy_check{
	position: relative;
}
.common_form .policy_wrap .policy_check input{
	width: 20px;
	height: 20px;
	border: 1px solid #D83F18;
	border-radius: 1px;
	position: relative;
	margin-right: 12px;
	cursor: pointer;
}
.common_form .policy_wrap .policy_check input:checked:before{
	position: absolute;
	content: '';
	width: 20px;
	height: 20px;
	border: 1px solid #D83F18;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background-color: #D83F18;
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/policy_check.svg);
	background-size: 11px 8px;
	background-position: center;
	background-repeat: no-repeat;
}
.common_form .confirm_btn{
	display: block;
	padding: 28px 24px;
	font-size: 16px;
	letter-spacing: calc(16px*0.05);
	color: #333;
	margin: 0 auto;
	background-color: #F4B81F;
	width: 400px;
	border-radius: 20px;
	position: relative;
	transition: .4s;
	opacity: 0.5;
	pointer-events: none;
}
.common_form .confirm_btn.allok{
	opacity: 1;
	pointer-events: auto;
}
.common_form .confirm_btn:hover{
	color: #F4B81F;
	background-color: #333;
}
.common_form .confirm_btn:before{
	position: absolute;
	content: '';
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background-color: #333;
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/fv_cta_arrow.svg);
	background-size: 16px;
	background-position: center;
	background-repeat: no-repeat;
	right: 24px;
	top: 50%;
	transform: translateY(-50%);
	transition: .4s;
}
.common_form .confirm_btn:hover::before{
	background-color: #F4B81F;
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/fv_cta_arrow_black.svg);
}

@media screen and (max-width:767px){
	.form{
		padding: 61.03vw 0 49.23vw 0;
	}
	.form .common_h3{
		padding-bottom: 10.26vw;
		text-align: center;
		width: 91vw;
	}
	.common_form .form_ul li{
		padding-bottom: 8.21vw;
	}
	.common_form .form_ul li dt{
		margin-bottom: 4.1vw;
	}
	.common_form .form_ul li dt .txt{
		font-size: 4.1vw;
		margin-right: 2.05vw;
	}
	.common_form .form_ul li dt .req{
		font-size: 3.08vw;
		padding: 0.51vw 1.03vw;
		border-radius: 0.77vw;
	}
	.common_form .form_ul li dd.item_dd:before{
		width: 4.1vw;
		height: 4.1vw;
		right: 6.15vw;
	}
	.common_form .form_ul li dd input,
	.common_form .form_ul li dd select,
	.common_form .form_ul li dd textarea{
		padding: 5.13vw 6.15vw 5.13vw 2.05vw;
		border: 1px solid #C7C7C7;
		border-radius: 1.03vw;
		font-size: 16px;
	}
	.common_form .form_ul li dd.short_dd,
	.common_form .form_ul li dd input.short,
	.common_form .form_ul li dd select.short{
		width: 100%;
	}
	.common_form .form_ul li dd.big_dd,
	.common_form .form_ul li dd.big_dd input{
		height: 51.28vw;
	}
	.common_form .policy_wrap{
		width: 100%;
		margin: 0 auto;
		padding-bottom: 20.51vw;
	}
	.common_form .policy_wrap .txt{
		font-size: 4.1vw;
		line-height: 1.5;
	}
	.common_form .policy_wrap .txt a{
		border-bottom: 1px solid #333;
	}
	.common_form .policy_wrap .policy_check input{
		width: 5.13vw;
		height: 5.13vw;
		border: 1px solid #D83F18;
		margin-right: 3.08vw;
		padding-right: 4.62vw;
	}
	.common_form .policy_wrap .policy_check input:checked:before{
		width: 5.13vw;
		height: 5.13vw;
		border: 1px solid #D83F18;
		background-size: 2.82vw 2.05vw;
	}
	.common_form .confirm_btn{
		padding: 5.13vw;
		font-size: 4.62vw;
		letter-spacing: calc(4.62vw*0.05);
		width: 100%;
		border-radius: 2.56vw;
	}
	.common_form .confirm_btn:hover{
		color: #333;
		background-color: #F4B81F;
	}
	.common_form .confirm_btn:before{
		width: 7.18vw;
		height: 7.18vw;
		background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/fv_cta_arrow.svg);
		background-size: 4.1vw;
		right: 6.15vw;
	}
	.common_form .confirm_btn:hover::before{
		background-color: #333;
		background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/fv_cta_arrow.svg);
	}
}


/*form_thanks*/
.form_thanks{
	padding: 120px 0 360px 0;
}
.form_thanks .common_h3{
	padding-bottom: 104px;
}
.form_thanks .txt{
	font-size: 18px;
	letter-spacing: calc(18px*0.05);
	line-height: 2;
	text-align: center;
	color: #333;
	padding-bottom: 48px;
}
.form_thanks .back_btn{
	font-size: 16px;
	letter-spacing: calc(16px*0.05);
	color: #333;
	width: 400px;
	padding: 28px 20px 28px 24px;
	background-color: #F4B81F;
	display: block;
	border-radius: 20px;
	transition: .4s;
	position: relative;
	margin: 0 auto;
}
.form_thanks .back_btn:hover{
	color: #F4B81F;
	background-color: #333;
}
.form_thanks .back_btn:before{
	position: absolute;
	content: '';
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background-color: #333;
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/fv_cta_arrow.svg);
	background-size: 16px;
	background-position: center;
	background-repeat: no-repeat;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	transition: .4s;
}
.form_thanks .back_btn:hover::before{
	background-color: #F4B81F;
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/fv_cta_arrow_black.svg);
}
@media screen and (max-width:767px){
	.form_thanks{
		padding: 61.03vw 0 56.41vw 0;
	}
	.form_thanks .common_h3{
		padding-bottom: 10.26vw;
	}
	.form_thanks .txt{
		font-size: 4.1vw;
		letter-spacing: calc(4.1vw*0.05);
		padding-bottom: 10.26vw;
	}
	.form_thanks .back_btn{
		font-size: 4.62vw;
		letter-spacing: calc(4.62vw*0.05);
		padding: 5.13vw;
		border-radius: 2.56vw;
		width: 100%;
	}
	.form_thanks .back_btn:hover{
		color: #333;
		background-color: #F4B81F;
	}
	.form_thanks .back_btn:before{
		width: 7.18vw;
		height: 7.18vw;
		background-size: 4.1vw;
		right: 5.13vw;
	}
	.form_thanks .back_btn:hover::before{
		background-color: #333;
		background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/fv_cta_arrow.svg);
	}
}


/*policy*/
.common_fv_bg.policy_fv {
  background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/policy_bg.webp);
}
.general_subttl .policy_subttl{
	width: 586px;
	height: 56px;
}
.privacy_policy{
	padding: 120px 0 360px 0;
}
.privacy_policy .policy_ul li{
	margin-bottom: 64px;
}
.privacy_policy .policy_ul li:last-child{
	margin-bottom: 0;
}
.privacy_policy .policy_ul li .policy_h3{
	font-size: 24px;
	letter-spacing: calc(24px*0.1);
	line-height: 1;
	color: #444;
	margin-bottom: 32px;
}
.privacy_policy .policy_ul li .txt{
	font-size: 14px;
	letter-spacing: calc(14px*0.05);
	line-height: 2;
	color: #333;
	font-weight: 400;
}
@media screen and (max-width:1064px){
	.pp .general_ttl{
		font-size: 90px;
		letter-spacing: calc(90px*0.05);
	}
}
@media screen and (max-width:767px){
	.pp{
		overflow-x: hidden;
		padding: 0 0 61.54vw 0;
	}
	.pp .general_ttl{
		font-size: 16.41vw;
		letter-spacing: calc(16.41vw*0.05);
		width: 133.33vw;
		left: calc(50% - 53.85vw);
	}
	.pp .general_subttl{
		top: 42.05vw;
	}
	.general_subttl .policy_subttl{
		width: 75.13vw;
		height: 7.18vw;
	}
	.privacy_policy{
		padding: 12.31vw 0 56.41vw 0;
	}
	.privacy_policy .policy_ul li{
		margin-bottom: 10.26vw;
	}
	.privacy_policy .policy_ul li .policy_h3{
		font-size: 4.36vw;
		letter-spacing: calc(4.36vw*0.1);
		margin-bottom: 4.1vw;
	}
	.privacy_policy .policy_ul li .txt{
		font-size: 3.85vw;
		letter-spacing: calc(3.85vw*0.05);
	}
}

/*confirm*/
.form.confirm .common_form .form_ul li{
	padding-bottom: 56px;
}
.form.confirm .form_ul li dd{
	font-size: 18px;
	line-height: 1;
	color: #333;
	font-weight: 400;
	width: 100%;
}
.form.confirm .form_ul li dd:before{
	position: unset;
}
.form.confirm .common_form .confirm_btn{
	opacity: 1;
	pointer-events: auto;
}
@media screen and (max-width:767px){
	.form.confirm .common_form .form_ul li{
		padding-bottom: 8.21vw;
	}
	.form.confirm .form_ul li dd{
		font-size: 4.1vw;
		line-height: 1.5;
	}

}


.itemerr,
.nameerr,
.furiganaerr,
.telerr,
.mailerr,
.contenterr,
.policyerr{
	display: none;
}
.itemerr.show,
.nameerr.show,
.furiganaerr.show,
.telerr.show,
.mailerr.show,
.contenterr.show,
.policyerr.show{
	display: block;
}

/*form_child*/
.form.child .common_h3{
	width: 640px;
}

/*form_jobchange*/
.form.jobchange .common_h3{
	width: 656px;
}
/*form_general*/
.form.general .common_h3{
	width: 640px;
}

@media screen and (max-width:767px){
	/*form_child*/
	.form.child .common_h3{
		width: 100%;
	}

	/*form_jobchange*/
	.form.jobchange .common_h3{
		width: 100%;
		font-size: 5.9vw;
	}
	/*form_general*/
	.form.general .common_h3{
		width: 100%;
	}
}

.container {
  overflow: auto;
  scroll-snap-type: y mandatory;
}
.area {
  scroll-snap-align: start;
}


/*404 not found*/
.notfound{
	padding: 120px 0 240px 0;
	top: 107px;
	position: relative;
}
.notfound .nf_wrap{
	padding-top: 60px;
	padding-bottom: 80px;
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/nf_bg.webp);
	background-size: 676px 387px;
	background-position: 30px 0px;
	background-repeat: no-repeat;
}
.notfound .nf_wrap .ttl{
	font-size: 110px;
	font-weight: 700;
	-webkit-text-stroke: 1px #F4B81F;
	text-shadow: 0px 0px 5px rgba(51, 51, 51, 0.25);
	color: #fff;
	position: relative;
	margin-bottom: 92px;
	line-height: 1;

}
.notfound .nf_wrap .txt{
	font-size: 20px;
	color: #333;
	font-weight: 400;
	position: relative;
	left: calc(50% - 50px);
	letter-spacing: calc(20px*0.05);
	line-height: 2;
}
.notfound .backbtn{
	width: 546px;
	padding: 32px;
	background-color: #F4B81F;
	display: block;
	border-radius: 30px;
	transition: .4s;
	margin: 0 auto;
}
.notfound .backbtn:hover{
	background-color: #333;
}
.notfound .backbtn .backbtn_txt{
	font-size: 24px;
	letter-spacing: calc(24px * 0.05);
	color: #333;
	padding: 20px 64px 20px 0;
	position: relative;
	line-height: 1;
	transition: .4s;
}
.notfound .backbtn:hover .backbtn_txt{
	color: #F4B81F;
}
.notfound .backbtn .backbtn_txt:before{
	position: absolute;
	content: '';
	background-color: #333;
	width: 64px;
	height: 64px;
	border-radius: 100%;
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/fv_cta_arrow.svg);
	background-size: 26px;
	background-position: center;
	background-repeat: no-repeat;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	transition: .4s;
}
.notfound .backbtn:hover .backbtn_txt:before{
	background-color: #F4B81F;
	background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/fv_cta_arrow_black.svg);
}

@media screen and (max-width:1090px){
	.notfound .nf_wrap .txt{
		left: calc(50% - 300px);
	}	
}
@media screen and (max-width:767px){
	.notfound{
		padding: 20.51vw 0 25.64vw 0;
		top: 15.38vw;
	}
	.notfound .nf_wrap{
		padding-top: unset;
		padding-bottom: 8.21vw;
		background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/nf_bg_sp.webp);
		background-size: 64.1vw 36.67vw;
		background-position: left 5.13vw;
	}
	.notfound .nf_wrap .ttl{
		font-size: 15.38vw;
		-webkit-text-stroke: 1px #F4B81F;
		margin-bottom: 23.59vw;
	}
	.notfound .nf_wrap .txt{
		font-size: 3.85vw;
		left: unset;
		letter-spacing: calc(3.85vw*0.05);
	}
	.notfound .backbtn{
		width: 100%;
		padding: 3.85vw 5.128vw;
		border-radius: 2.56vw;
	}
	.notfound .backbtn:hover{
		background-color: #F4B81F;
	}
	.notfound .backbtn .backbtn_txt{
		font-size: 4.62vw;
		letter-spacing: calc(4.62vw * 0.05);
		padding: 5.1vw 16.41vw 5.13vw 0;
	}
	.notfound .backbtn:hover .backbtn_txt{
		color: #333;
	}
	.notfound .backbtn .backbtn_txt:before{
		width: 7.18vw;
		height: 7.18vw;
		background-size: 4.1vw;
	}
	.notfound .backbtn:hover .backbtn_txt:before{
		background-color: #333;
		background-image: url(https://milife-hr.co.jp/wp-content/themes/twentytwentyone/images/fv_cta_arrow.svg);
	}
}


/*recruitスクロールスナップ*/
.snap-container {
  height: 100vh;
  overflow-y: scroll;
  scroll-snap-type: y mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
  max-height: 100vh;
  overflow-y: auto;
   -webkit-overflow-scrolling: touch;
}

.snap-container::-webkit-scrollbar {
  display: none;
}

.snap-child {
  scroll-snap-align: start;
}