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

/* ------------------------------------------------------------------------ */

/* 共通

/* ------------------------------------------------------------------------ */

body.bigmanstyle #contentsBlock{
	background-color: #fafafa;
	padding: 0 0 120px;
}

body.bigmanstyle .entry{
	margin-top: 0;
	
}

body.bigmanstyle .mainVisual{
	background: url("/wp/wp-content/themes/bigman/recruit/common/img/img_mainvisual_bigmanstyle.jpg") no-repeat center / cover;
}

.num{
	display: inline-block;
	background: linear-gradient(to right, #4ca9df, #1ccfa4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	font-family: "Montserrat", sans-serif;
	font-size: 2.2rem;
    font-weight: 700;
	text-align: left;
}

.num span{
    font-size: 3.2rem;
}

.department{
	background-color: #2e2e2e;
	padding: 3px;
	margin-right: 16px;
	padding: 4px 8px;
	color: #fff;
	font-weight: 700;
}

.year{
	font-weight: 700;
	color: #626262;
	text-align: left;
}

.message{
	font-size: 2.8rem;
	font-weight: 700;
	text-align: left;
	margin-top: 8px;
}

@media screen and (max-width: 767px){
	body.bigmanstyle .mainVisual {
   	 background: url(/wp/wp-content/themes/bigman/recruit/common/img/img_mainvisual_bigmanstyle.jpg) no-repeat 38% center / cover;
	}
	
	.department,
	.year{
		font-size: 1.4rem;
	}
	
	.num{
		font-size: 2.0rem;
	}
	
	.num span{
		font-size: 2.8rem;
	}
	
	.message{
		font-size: 2.0rem;
	}
	
}

/* ------------------------------------------------------------------------ */

/* 一覧

/* ------------------------------------------------------------------------ */

body.bigmanstyle .read_text{
	line-height: 2.4;
    margin-top: 24px;
}

.style_list{
	margin-top: 56px;
	padding: 0 0 16px;
}

.style_list > ul{
	display: flex;
	flex-wrap: wrap;
}

.style_list > ul > li{
	width: 48%;
	margin-right: 4%;
}

.style_list > ul > li:nth-of-type(2n){
	margin-right: 0;
}

.style_list > ul > li > a{
	display: inline-block;
}

.style_list > ul > li figure{
	text-align: left;
	box-shadow: 0 2px 10px rgba(122, 143, 152, 0.1);
}

.style_list > ul > li figure img{
	width: 100%;
}

.style_list > ul > li .textBox{
	position: relative;
	width: 100%;
	background-color: #fff;
	padding: 24px;
	text-align: left;
	margin-left: 24px;
	margin-top: -64px;
	box-shadow: 0 2px 10px rgba(122, 143, 152, 0.05);
}

.style_list > ul > li .textBox .text_top{
	position: relative;
	margin: 0 0 8px;
}

.style_list > ul > li .textBox .text_top .circle{
	width: 48px;
    height: 48px;
	background: url("/wp/wp-content/themes/bigman/recruit/common/img/icon/arrow-circle_on.svg") no-repeat center / contain;
}

.style_list > ul > li > a:hover .textBox .text_top .circle{
	background: url("/wp/wp-content/themes/bigman/recruit/common/img/icon/arrow-circle.svg") no-repeat center / contain;
}

@media screen and (max-width: 767px){
	body.bigmanstyle .read_text{
		text-align: left;
		line-height: 1.8;
	}
	
	.style_list > ul{
		flex-direction: column;
	}
	
	.style_list > ul > li{
		width: 100%;
		margin: 24px 0 0;
	}
	
	.style_list > ul > li .textBox{
		padding: 16px;
		margin-top: -40px;
    	margin-left: 16px;
	}
	
	.style_list > ul > li .textBox .text_top .circle{
		width: 32px;
		height: 32px;
	}
	
	
	
}

/* ------------------------------------------------------------------------ */

/* 詳細

/* ------------------------------------------------------------------------ */

body.bigmanstyle.bigmanstyle_detail #contentsBlock{
	background-color: #fff;
}

.bigmanstyle_introduction{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 40px;
}

.bigmanstyle_introduction .textBox{
	position: relative;
    background-color: #fafafa;
    padding: 32px 16px;
    text-align: left;
    margin-right: -140px;
	width: 45%;
}

.bigmanstyle_introduction .textBox .inner{
	max-width: 624px;
    margin: 0 0 0 auto;
}

.bigmanstyle_introduction .textBox .text_top{
	margin: 0 0 40px;
}

.bigmanstyle_introduction .textBox .message{
	font-size: 4.0rem;
	margin-top: 16px;
}

.bigmanstyle_introduction .textBox .num{
	position: relative;
	font-size: 3.2rem;
}

.bigmanstyle_introduction .textBox .num:before{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 32px;
	height: 2px;
	background: linear-gradient(to right, #4ca9df, #43b0d4);
}

.bigmanstyle_introduction .textBox .num span{
	font-size: 4.8rem;
}

.bigmanstyle_introduction .imgBox{
	width: 63%;
}

.bigmanstyle_flow{
	border-left: 4px solid;
    border-image: linear-gradient(to bottom, #4ca9df, #1ccfa4) 1;
    margin: 80px 0 0 8px;
}

.flow_item{
	margin: 32px 0 0 32px;
}

.flow_item > .flex{
	display: flex;
	justify-content: space-between;
}

.flow_item > .flex .textBox{
	width: 64%;
}

.flow_item .time{
	position: relative;
	font-family: "Montserrat", sans-serif;
	color: #1b325c;
	text-align: left;
	font-size: 2.4rem;
	font-weight: 600;
	line-height: 1.0;
}

.flow_item .time:before{
	content: "";
	position: absolute;
	top: 0;
	left: -46px;
	width: 24px;
	height: 24px;
	background-color: #1b325c;
	border-radius: 50%;
}

.flow_item .ttl{
	color: #1b325c;
	text-align: left;
	font-size: 2.4rem;
	font-weight: 700;
	margin-top: 16px;
}

.flow_item .detail{
	text-align: left;
    margin-top: 8px;
    line-height: 2.0;
}

.flow_item > .flex .imgBox{
	width: 35%;
	margin-top: 8px;
}

.flow_item:last-of-type .textBox{
	position: relative;
}

.flow_item:last-of-type .textBox:before{
	content: "";
	position: absolute;
	top: 0;
	left: -50px;
	width: 40px;
	height: 100%;
	background-color: #fff;
}

@media screen and (max-width: 1100px){
	.bigmanstyle_introduction .textBox .message{
		font-size: 3.2rem;
	}
	
}

@media screen and (max-width: 767px){
	.bigmanstyle_introduction{
		flex-direction: column;
		margin-top: 24px;
	}
	
	.bigmanstyle_introduction .textBox{
		width: 100%;
		order: 2;
		margin: 0;
		padding: 16px;
	}
	
	.bigmanstyle_introduction .textBox .text_top{
		margin: 0 0 24px;
	}
	
	.bigmanstyle_introduction .textBox .num{
		font-size: 2.2rem;
	}
	
	.bigmanstyle_introduction .textBox .num:before{
		width: 24px;
	}
	
	.bigmanstyle_introduction .textBox .num span{
		font-size: 3.0rem;
	}
	
	.bigmanstyle_introduction .textBox .message{
		font-size: 2.2rem;
	}
	
	.bigmanstyle_introduction .imgBox{
		width: 100%;
		order: 1;
	}
	
	.bigmanstyle_flow{
		margin: 40px 0 0 8px;
	}
	
	.flow_item{
		margin: 32px 0 0 16px;
	}
	
	.flow_item > .flex{
		flex-direction: column;
	}
	
	.flow_item > .flex .textBox{
		width: 100%;
	}
	
	.flow_item .time{
		font-size: 2.0rem;
	}
	
	.flow_item .ttl{
		font-size: 2.0rem;
		margin-top: 8px;
	}
	
	.flow_item .time:before{
		left: -26px;
		width: 16px;
		height: 16px;
	}
	
	.flow_item > .flex .imgBox{
		width: 100%;
		text-align: left;
	}
	
}