@charset "UTF-8";
.banner_recruiting{width: 100%;height: 210px;background: #000000;position: relative;}
.banner_recruiting.mb-6{margin-bottom: 150px;}
.banner_recruiting_slogan{width: 278px;height: 278px;background: linear-gradient(326.23deg, #2BC7A4 4.88%, #BFE919 79.56%);border-radius: 100%;position: absolute;left: 50%;transform: translateX(-50%);bottom: -139px;z-index: 3;font-weight: 600;font-size: 36px;text-align: center;color: #FFFFFF; display: flex;   flex-wrap: wrap; justify-content: center; align-content: center;}
.banner_recruiting_slogan span:nth-child(1){font-weight: 600;font-size: 24px;}
.philosophy_title{background-repeat: no-repeat;background-size: cover;background-attachment: fixed;height: 580px;position: relative;background-position: center;}
.philosophy_title h2{font-weight: 600;font-size: 60px;color: #FFFFFF;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.philosophy_context {padding: 80px;}
.philosophy_context p{font-weight: 400;font-size: 16px;color: #303030;padding-bottom: 45px;position: relative;width: 100%;max-width: 820px;margin: 0 auto;}
.philosophy_context p::before{content: "";width: 100%;height: 4px;background: linear-gradient(270deg, #5DD5BA 12.19%, #CCD000 95.97%);position: absolute;bottom: 0;left: 0;}
#benefits .row > div{ margin-bottom: 60px;}
#benefits .card{border: none; height: 100%;}
#benefits .card .card-body{background: #F1F1F1;padding: 25px 45px 15px; color: #717171;position: relative;}
#benefits .card .card-body::before{content: "";width: 100%;height: 11px;background: linear-gradient(270deg, #D52FFF 12.19%, #48EDF8 95.97%);position: absolute;bottom: 0;left: 0;}
#benefits .card .card-body h5{font-weight: 600;font-size: 24px;text-align: center;}
#benefits .card .card-body .card-text{font-weight: 400;font-size: 16px;}
#resume p{font-weight: 400;font-size: 16px;text-align: center;color: #000000;}
#resume .btn_link{display: block;width: 100%;height: 124px;background: linear-gradient(to left, rgba(93, 212, 186, 1) 0%, rgba(232, 237, 1, 1) 100%);border-radius: 92px;padding: 8px;}
#resume .btn_link{text-decoration: none;margin-bottom: 50px;}
#resume .btn_link span{display: block;width: 100%; height: 100%;background-color: #FFFFFF;border-radius: 92px;font-weight: 600;font-size: 24px;text-align: center;color: #000000;line-height: 108px;position: relative}
#resume .btn_link span::before{content: "";width: 73px;height: 24px;background-image: url("../images/icon_arrow_long.svg");position: absolute;right: 5%;top: 50%;transform: translateY(-50%);background-repeat: no-repeat;background-size: contain;}
@media (min-width:992px) {
	#resume .container{max-width: 760px;}
}
@media (max-width:1200px) {
	.philosophy_title{height: 500px;}
	.philosophy_title h2{font-size: 48px;}
}

@media (max-width:991px) {
	#benefits .card .card-body {padding: 25px 15px;}
}
@media (max-width:767px) {
	.philosophy_title{height: 380px;}
	.philosophy_title.bgimg_nofixed_md{background-attachment: inherit;}
	.philosophy_title h2{font-size: 32px;}
	.banner_recruiting_slogan {width: 240px;height: 240px;font-size: 34px;bottom: -103px;}
	.banner_recruiting_slogan span:nth-child(1) {font-size: 18px;}
	.banner_recruiting.mb-6 {margin-bottom: 55px;}
	#resume .btn_link.btn-FpgResume span {font-size: 20px;}
	#resume .btn_link {height: 90px;}
	#resume .btn_link span {line-height: 76px;}
	#resume .btn_link span::before{width: 34px;background-size: cover; background-position: right center;}
}
@media (max-width:575px) {
	#resume{padding-left: 16px;padding-right: 16px;}
	.banner_recruiting_slogan {width: 220px;height: 220px;bottom: -65px;font-size: 30px;}
	.banner_recruiting_slogan span:nth-child(1) {font-size: 16px;}
	.banner_recruiting.mb-6 {margin-bottom: 55px;}
	.philosophy_context {padding: 30px 25px 70px;}
	.philosophy_title h2 {width: 100%;text-align: center;}
	#resume p{text-align: left;}
	#resume .btn_link.btn-FpgResume span {font-size: 16px;}
}
@media (max-width:450px) {
	.banner_recruiting {height: 170px;}
	.banner_recruiting_slogan {width: 200px;height: 200px;font-size: 28px;}
	.philosophy_title {height: 290px;}
	#resume .btn_link span {font-size: 18px;line-height: 66px;}
	#resume .btn_link span::before{width: 24px;height: 16px; overflow: hidden;}
	#resume .btn_link {height: 80px;padding: 6px;}
	#resume .btn_link.btn-FpgResume span {font-size: 14px;}
}
@media (max-width:375px) {
	.philosophy_title h2{font-size: 26px;}
	#resume{padding-left: 0;padding-right: 0;}
	#resume .btn_link.btn-FpgResume span {font-size: 12px;}
}