@charset "UTF-8";
/* CSS Document */


p {font-family: 'Noto Sans JP', sans-serif;
	font-feature-settings: "palt" 1;}
/* font-weight: regular 400,medium 500,semibold 600,bold 700; */



/*KV*/
h1 {background:#007CE6;
	width:100vw;height:56.25vw;margin:115px auto 0;
	pointer-events:none;}
h1 video {width:100%;}
@media screen and (max-width: 750px){
	h1 {width:100%;height:100vw;margin:25.33vw auto 0;}
}




/*フレーム*/
.sec1 {padding:150px 0;}
.sec_B {padding-top:150px;}
.sec_C {padding-top:100px;}
.sec_D {padding:100px 0 150px;}
@media screen and (max-width: 750px){
	.sec1 {padding:13.33vw 0;}
	.sec_B {padding-top:16vw;}
	.sec_C {padding-top:13.33vw;}
	.sec_D {padding:13.33vw 0 16vw;}
}

.sec1_inner {max-width:1060px;margin:0 auto;}
.sec1_box {width:92.45%;margin:0 auto;}
.sec1_title {width:255px;margin-bottom:120px;}
@media screen and (max-width: 750px){
	.sec1_inner {width:100%;}
	.sec1_box {width:92%;margin:0 auto;}
	.sec1_title {width:100%;
		margin-bottom:13.33vw;margin-top:25.33vw;}
}



/*メッセージ*/
.bg_message {background:linear-gradient(90deg, rgb(167, 224, 255), rgb(0, 124, 230));}
.message {width:650px;margin:0 auto;
	color:#fff;font-size:14px;font-weight:400;line-height:2.28;letter-spacing:0.1em;text-align:center;}
.message p {margin-top:60px;}
@media screen and (max-width: 750px){
	.bg_message {background:linear-gradient(90deg, rgb(87, 196, 255), rgb(0, 124, 230));}
	.message {width:92%;margin:0 auto;font-size:4.26vw;
		line-height:1.75;letter-spacing:0.1em;}
	.message p {margin-top:13.33vw;}
}
/*メッセージend*/


/*ファイブの仕事*/
.bg_top_work {
	background:url("../img/top/bg_top.png") ,linear-gradient(180deg, rgb(255, 255, 255), rgb(237, 249, 255));
	background-size:100% 100%;}

.top_title {width:402px;margin:0 auto 100px;}
@media screen and (max-width: 750px){
	.top_title {width:100%;margin:0 auto 13.33vw;}
}

.work_jigyo {width:100%;margin:0 auto;display:flex;
	justify-content:space-between;align-items:center;
	color:#000;font-size:14px;font-weight:400;line-height:2;text-align:left;}
.work_jigyo:not(last-of-type) {margin-bottom:60px;}
@media screen and (max-width: 1060px){
	.work_jigyo {font-size:1.32vw;}
	.work_jigyo:not(last-of-type) {margin-bottom:5.66vw;}
}
@media screen and (max-width: 750px){
	.work_jigyo {width:100%;display:block;
		font-size:4.26vw;line-height:1.75;
		text-align:justify;}
	.work_jigyo:not(last-of-type) {margin-bottom:13.33vw;}
}


.jigyo_left {width:43.87%;}
.jigyo_right {width:50%;}
@media screen and (max-width: 750px){
	.jigyo_left {width:100%;}
	.jigyo_right {width:100%;}
}

.jigyo_title_A {width:58.13%;}
.jigyo_title_B {width:23.25%;}

.work_jigyo p {margin-top:30px;}
@media screen and (max-width: 1060px){
	.work_jigyo p {margin-top:2.83vw;}
}
@media screen and (max-width: 750px){
	.work_jigyo p {margin-top:6.66vw;margin-bottom:6.66vw;}
}

.btn_business {width:210px;margin:100px auto 0;}
.btn_business a {display:inline-block;
	background:url("../img/top/btn_business_b.png") no-repeat;
	background-size:cover;
    background-position:center;}
.btn_business a:hover img {transition:all 0.3s;}
.btn_business a:hover img {opacity:0;}
@media screen and (max-width: 750px){
	.btn_business {width:56vw;margin:13.33vw auto 0;}
	.btn_business a {background:none;}
	.btn_business a:hover img {opacity:1;}
}

.line {width:100%;border:solid 0.5px #007CE6;margin-top:100px;}
@media screen and (max-width: 750px){
	.line {border:solid 1px #007CE6;margin-top:13.33vw;}
}
/*ファイブの仕事end*/


/*ファイブってこんな会社*/
.bg_top_company {
	background:url("../img/top/bg_top_2.png") ,linear-gradient(0deg, rgb(255, 255, 255), rgb(237, 249, 255));
	background-size:100% 100%;}

.company_point {width:100%;margin:0 auto;display:flex;
	justify-content:space-between;}
.company_point:first-of-type {margin-bottom:50px;}
.company_point li {width:30.10%;}
@media screen and (max-width: 1060px){
	.company_point:first-of-type {margin-bottom:4.71vw;}
}
@media screen and (max-width: 750px){
	.company_point li {width:48.40%;}
	.company_point:not(last-of-type) {margin-bottom:4vw;}
}

.btn_company {width:210px;margin:100px auto 0;}
.btn_company a {display:inline-block;
	background:url("../img/top/btn_company_b_2.png") no-repeat;
	background-size:cover;
    background-position:center;}
.btn_company a:hover img {transition:all 0.3s;}
.btn_company a:hover img {opacity:0;}
@media screen and (max-width: 750px){
	.btn_company {width:56vw;margin:13.33vw auto 0;}
	.btn_company a {background:none;}
	.btn_company a:hover img {opacity:1;}
}
/*ファイブってこんな会社end*/



/*ファイブで働く人々*/
.bg_top_interview {
	background:url("../img/top/bg_top.png") ,linear-gradient(180deg, rgb(255, 255, 255), rgb(237, 249, 255));
	background-size:100% 100%;}

.interview_list {width:87.75%;margin:0 auto;
	display:flex;justify-content:flex-start;}
.interview_list li {width:40.11%;}
.m_right_A {margin-right:50px;}
.m_right_B {margin-right:120px;}
.m_left_A {margin-left:120px;}
.m_left_B {margin-left:50px;}
.i_m_bttm {margin-bottom:50px;}
@media screen and (max-width: 1060px){
	.m_right_A {margin-right:4.71vw;}
	.m_right_B {margin-right:11.32vw;}
	.m_left_A {margin-left:11.32vw;}
	.m_left_B {margin-left:4.71vw;}
	.i_m_bttm {margin-bottom:4.71vw;}
}
@media screen and (max-width: 750px){
	.interview_list {width:100%;}
	.interview_list li {width:48.40%;}
	.m_right_A {margin-right:inherit;}
	.m_right_B {margin-right:0;}
	.m_left_A {margin-left:0;}
	.m_left_B {margin-left:inherit;}
	.i_m_bttm {margin-bottom:4vw;}
}

.interview_list a:hover img {transition:all 0.3s;}
.interview_list a:hover img {opacity:0.5;}
@media screen and (max-width: 750px){
	.interview_list a:hover img {opacity:1;}
}
/*ファイブで働く人々end*/




/*採用情報*/
.bg_recruit {background:#007CE6;}

/*選考フロー*/
.recruit_inner {width:100%;margin:0 auto;display:flex;
	justify-content:space-between;}

.flow_title {width:30.10%;}
.flow_chart {width:65%;}
@media screen and (max-width: 750px){
	.recruit_inner {display:block;}
	.flow_title {width:100%;}
	.flow_chart {width:100%;}
}

.company_info_title_D {width:100%;text-align:center;
	color:#fff;
	font-size:18px;font-weight:500;
	padding-top:5px;padding-bottom:5px;
	border:solid 1px #fff;}
@media screen and (max-width: 750px){
	.company_info_title_D {font-size:4.26vw;
		padding-top:1.33vw;padding-bottom:1.33vw;}
}

.flow_title_txt {color:#fff;
	font-size:14px;font-weight:400;
	line-height:1.57;margin-top:30px;}
.r_m_bttm {margin-bottom:100px;}
@media screen and (max-width: 1060px){
	.flow_title_txt {font-size:1.32vw;}
}
@media screen and (max-width: 750px){
	.flow_title_txt {font-size:3.73vw;margin-top:5.33vw;}
	.r_m_bttm {margin-bottom:13.33vw;}
}



/*募集要項*/
.boshu_title {width:30.10%;}
.boshu_list {width:65%;}
@media screen and (max-width: 750px){
	.boshu_title {width:100%;margin-bottom:8vw;}
	.boshu_list {width:100%;}
}

.boshu_list ul {width:100%;display:flex;
	justify-content:space-between;text-align:left;
	color:#fff;font-size:14px;line-height:1.57;
	padding:20px 0;}
@media screen and (max-width: 750px){
	.boshu_list ul {display:block;text-align:left;
		font-size:3.73vw;padding:5.33vw 0;}
}

.boshu_category {width:100px;margin-right:30px;
	font-weight:500;}
.boshu_content {width:507px;font-weight:400;
	text-align:justify;}
@media screen and (max-width: 750px){
	.boshu_category {width:100%;margin-right:0;
		margin-bottom:4vw;}
	.boshu_content {width:100%;}
}

.boshu_list ul:first-child {
	border-top:solid 1px #fff;
	border-bottom:solid 1px #fff;}
.boshu_list ul:last-child {
	border-bottom:solid 1px #fff;}
.boshu_list ul:not(:first-child):not(:last-child) {
	border-bottom:solid 1px #fff;}


.btn_recruit {width:210px;margin:100px auto 0;}
.btn_recruit a {display:inline-block;
	background:url("../img/top/btn_entry_recruit_b.png") no-repeat;
	background-size:cover;
    background-position:center;}
.btn_recruit a:hover img {transition:all 0.3s;}
.btn_recruit a:hover img {opacity:0;}
@media screen and (max-width: 750px){
	.btn_recruit {width:56vw;margin:13.33vw auto 0;}
	.btn_recruit a {background:none;}
	.btn_recruit a:hover img {opacity:1;}
}

/*採用情報end*/



/*事業内容*/
.bg_business {
	background:linear-gradient(90deg, rgb(255, 255, 255), rgb(244, 251, 255));
	border-bottom:solid 5px #007CE6;}

.line2 {width:100%;border:solid 0.5px #007CE6;
	margin-top:100px;margin-bottom:100px;}
@media screen and (max-width: 750px){
	.line2 {border:solid 1px #007CE6;
		margin-top:13.33vw;margin-bottom:13.33vw;}
}

.biz_content {width:100%;margin:0 auto;display:flex;
	justify-content:space-between;text-align:left;}
@media screen and (max-width: 750px){
	.biz_content {display:block;text-align:justify;}
}

.biz_li_A {width:43.87%;}
.biz_li_B {width:50%;}
@media screen and (max-width: 750px){
	.biz_li_A {width:100%;}
	.biz_li_B {width:100%;}
}

.bz_m_bttm {margin-bottom:80px;}
@media screen and (max-width: 1060px){
	.bz_m_bttm {margin-bottom:7.54vw;}
}
@media screen and (max-width: 750px){
	.bz_m_bttm {margin-bottom:10.66vw;}
}


.biz_lead_txt {color:#000;font-size:14px;
	font-weight:400;line-height:2;letter-spacing:0.05em;}
@media screen and (max-width: 1060px){
	.biz_lead_txt {font-size:1.32vw;}
}
@media screen and (max-width: 750px){
	.biz_lead_txt {font-size:4.26vw;line-height:1.75;
		margin-bottom:6.66vw;}
}

.biz_point {width:100%;}
.biz_point:not(last-of-type) {margin-bottom:30px;}

.b_p_title {color:#007CE6;font-size:16px;
	font-weight:600;margin-bottom:10px;}
.b_p_content {color:#000;font-size:14px;
	font-weight:400;line-height:2;
	letter-spacing:0.05em;text-align:justify;}
@media screen and (max-width: 1060px){
	.b_p_title {font-size:1.50vw;margin-bottom:0.94vw;}
	.b_p_content {font-size:1.32vw;}
}
@media screen and (max-width: 750px){
	.b_p_title {font-size:4.26vw;margin-bottom:4vw;}
	.b_p_content {font-size:3.73vw;line-height:1.57;}
	.biz_point {margin-bottom:6.66vw;}
}


.b_p_inner {margin-left:15px;margin-top:25px;}
.b_p_content_B {color:#000;font-size:14px;
	font-weight:500;margin-bottom:5px;}
.b_p_content_B span {color:#007CE6;}
.b_p_content_B_txt {
	color:#000;font-size:13px;font-weight:400;}
.b_p_content_B_txt:not(last-of-type) {margin-bottom:15px;}
@media screen and (max-width: 1060px){
	.b_p_inner {margin-left:1.41vw;margin-top:2.35vw;}
	.b_p_content_B {font-size:1.32vw;}
	.b_p_content_B_txt {font-size:1.22vw;}
	.b_p_content_B_txt:not(last-of-type) {
		margin-bottom:1.41vw;}
}
@media screen and (max-width: 750px){
	.b_p_inner {margin-left:4vw;margin-top:5.33vw;}
	.b_p_content_B {font-size:3.73vw;margin-bottom:1.33vw;}
	.b_p_content_B_txt {font-size:3.46vw;line-height:1.69;}
	.b_p_content_B_txt:not(last-of-type) {margin-bottom:4vw;}
}


.biz_logo_A {width:172px;margin-bottom:5px;}
.biz_logo_A a:hover img {transition:all 0.3s;}
.biz_logo_A a:hover img {opacity:0.5;}
@media screen and (max-width: 750px){
	.biz_logo_A {width:45.86vw;margin-bottom:2.66vw;}
	.biz_logo_A a:hover img {opacity:1;}
}

.biz_logo_B {width:256px;margin-bottom:10px;}
.biz_logo_B a:hover img {transition:all 0.3s;}
.biz_logo_B a:hover img {opacity:0.5;}
@media screen and (max-width: 750px){
	.biz_logo_B {width:68.26vw;margin-bottom:2.66vw;}
	.biz_logo_B a:hover img {opacity:1;}
}

.biz_logo_C {width:165px;margin-bottom:10px;}
.biz_logo_C a:hover img {transition:all 0.3s;}
.biz_logo_C a:hover img {opacity:0.5;}
@media screen and (max-width: 750px){
	.biz_logo_C {width:44vw;margin-bottom:2.66vw;}
	.biz_logo_C a:hover img {opacity:1;}
}
/*事業内容end*/








/*ニュース*/
.sec2 {padding:100px 0 120px;}
.sec2_inner {max-width:980px;margin:0 auto;}
.sec2_box {width:87.75%;margin:0 auto;display:flex;
	justify-content:space-between;}
@media screen and (max-width: 750px){
	.sec2 {padding:16vw 0;}
	.sec2_inner {width:92%;margin:0 auto;}
	.sec2_box {width:100%;margin:0 auto;display:block;}
}

.title_news {width:125px;}
@media screen and (max-width: 750px){
	.title_news {width:100%;margin-bottom:8vw;}
}


.news_list {width:490px;display:block;}
@media screen and (max-width: 750px){
	.news_list {width:100%;}
}

.news_list_inner {width:100%;text-align:left;}
.news_list_inner ul {padding:30px 0;
	display:flex;align-items:baseline;}
@media screen and (max-width: 750px){
	.news_list_inner ul {padding:5.33vw 0;
		align-items:center;}
}

.news_list_inner ul:first-child {
	border-top:solid 1px #007CE6;
	border-bottom:solid 1px #CEEEFF;}
.news_list_inner ul:last-child {
	border-bottom:solid 1px #007CE6;}
.news_list_inner ul:not(:first-child):not(:last-child) {
	border-bottom:solid 1px #CEEEFF;}


.n_date {width:70px;margin-right:20px;
	font-weight:500;font-size:12px;color:#717171;}
.n_title {font-weight:500;font-size:14px;line-height:1.57;
	letter-spacing:0.05em;color:#000;}
.n_title a {display:inline-block;transition:all 0.3s;}
.n_title a:hover {opacity:0.3;}
@media screen and (max-width: 750px){
	.n_date {width:20.28%;margin-right:4vw;
		font-size:3.2vw;}
	.n_title {font-size:3.73vw;letter-spacing:0;}
	.n_title a:hover {opacity:1;}
}


.news_list_anchor {margin-top:15px;}
.news_list_anchor a {margin-left:auto;margin-right:0;
	width:108px;display:flex;
	justify-content:space-between;align-content:flex-end;
	transition:all 0.3s;}
.news_list_anchor a:hover {opacity:0.3;}
@media screen and (max-width: 750px){
	.news_list_anchor {margin-top:5.33vw;}
	.news_list_anchor a {margin-left:auto;margin-right:0;
	width:28.79vw;display:flex;
	justify-content:space-between;align-content:flex-end;}
	.news_list_anchor a:hover {opacity:1;}
}

.news_list_anchor a p {color:#007CE6;font-size:14px;
	font-weight:400;line-height:1;}
.news_list_anchor a .btn_arrow {width:8px;}
@media screen and (max-width: 750px){
	.news_list_anchor a p {font-size:3.73vw;}
	.news_list_anchor a .btn_arrow {width:2.13vw;}
}
/*ニュースend*/