@charset "UTF-8";


/*****************************************************
　共通 
*****************************************************/
/* inner
------------------------------------------------- */
.inner{
	max-width:1200px;
	width:90.62vw;
	margin:0 auto;
}
/* font-family
------------------------------------------------- */
.f-noto-serif{
	font-family: 'Noto Serif JP', serif;
}
/* 文字色
------------------------------------------------- */
.c-ee970d{
	color:#ee970d;
}


/*****************************************************
　トップ 
*****************************************************/
#top{
	background:url('../img/top.jpg') no-repeat center bottom;
	background-size:cover;
	-webkit-background-size:cover;
	min-height:100vh;
	color:#fff;
	position:relative;
	z-index:-1;
}
/* ロゴ
------------------------------------------------- */
#logo{
	padding:40px 0 0 40px;
}
/* ボタン
------------------------------------------------- */
#fixbtn{
	display:flex;
	align-items:flex-end;
	position:fixed;
	top:23px;
	right:30px;
	z-index:10;
}
#fixbtn .btn + .btn{
	margin:0 0 0 20px;
}
#fixbtn .btn .sp{
	display:none;
}
/* テキスト
------------------------------------------------- */
#top .top-inner{
	max-width:1000px;
	width:90.62vw;
	margin:0 auto;
	position:absolute;
	bottom:75px;
	left:0;
	right:0;
	z-index:0;
}
#site-title{
	margin:0 0 -10px -5px;
}
#large-text{
	margin:0 -10px 10px;
}
#top p{
	line-height:1.5;
}


/*****************************************************
　岡﨑組の柔軟な対応 
*****************************************************/
/* タイトル
------------------------------------------------- */
#flexible-response-ttl{
	background:#4ba7ce;
	text-align:center;
	color:#fff;
	margin:-30px 0 40px;
	padding:20px 0 21px;
}
#flexible-response-ttl span{
	font-size:22px;
	font-size:2.2rem;
	font-weight:normal;
	margin:5px 0 0;
	display:block;
}
/* box
------------------------------------------------- */
#flexible-response-boxarea{
	max-width:1120px;
	margin:0 auto;
	display:flex;
}
#flexible-response-boxarea .box{
	width:28.57%;
	text-align:center;
	color:#4ba7ce;
}
#flexible-response-boxarea .box + .box{
	margin:0 0 0 7.145%;
}
#flexible-response-boxarea .box .ttl{
	font-size:26px;
	font-size:2.6rem;
	font-weight:bold;
	line-height:1.3;
	margin:0 0 15px;
}
#flexible-response-boxarea .box figure{
	margin:0 0 25px;
}
#flexible-response-boxarea .box p{
	font-weight:bold;
	line-height:1.5;
}


/*****************************************************
　UIJターン経験者インタビュー 
*****************************************************/
#interview{
	padding:100px 0 0;
}
/* タイトル
------------------------------------------------- */
#interview-ttl{
	text-align:center;
	color:#4ba7ce;
	margin:0 0 125px;
}
#interview-ttl span{
	font-size:22px;
	font-size:2.2rem;
	font-weight:normal;
	margin:15px 0 0;
	display:block;
}
/* 各インタビュー
------------------------------------------------- */
/* ----- head ----- */
.interview-block .head{
	margin:0 0 35px;
}
.interview-block .head > .inner{
	display:flex;
	justify-content:flex-end;
	position:relative;
}
.interview-block .head > .inner .img{
	position:absolute;
	bottom:0;
	left:0;
	z-index:0;
}
/* ----- text ----- */
.interview-block .text .subttl{
	font-size:28px;
	font-size:2.8rem;
	line-height:1.4;
	color:#4ba7ce;
	margin:0 0 12px;
}
.interview-block .text p{
	line-height:1.5;
}
.interview-block .text p + p{
	margin:1.5em 0 0;
}
.interview-block .text .subttl + p{
	margin:0;
}
/* インタビュー01
------------------------------------------------- */
#interview-01{
	padding:0 0 150px;
}
/* ----- head ----- */
#interview-01 .head{
	background:url('../img/interview01_headbg.jpg') no-repeat center center;
	background-size:cover;
	-webkit-background-size:cover;
}
#interview-01 .head > .inner .img{
	max-width:577px;
	width:48%;
}
#interview-01 .head > .inner .ttl{
	max-width:498px;
	width:42%;
	margin:0 5.16% 0 0;
}
/* ----- 人事考課表 ----- */
#jinjikoukahyo{
	border:1px solid #c7e2ed;
	background:#fff;
	margin:15px 0 0;
	padding:40px 40px 25px;
}
#jinjikoukahyo figure .sp{
	display:none;
}
#jinjikoukahyo p{
	font-size:26px;
	font-size:2.6rem;
	line-height:1.3;
	color:#4ba7ce;
	margin:35px 0 0;
}
#jinjikoukahyo p span{
	font-size:inherit;
}
/* インタビュー02
------------------------------------------------- */
#interview-02{
	padding:0 0 130px;
}
/* ----- head ----- */
#interview-02 .head{
	background:url('../img/interview02_headbg.jpg') no-repeat center center;
	background-size:cover;
	-webkit-background-size:cover;
}
#interview-02 .head > .inner{
	justify-content:flex-start;
}
#interview-02 .head > .inner .img{
	max-width:512px;
	width:43%;
	left:auto;
	right:0;
}
#interview-02 .head > .inner .ttl{
	max-width:565px;
	width:48%;
	margin:0 0 0 3.33%;
}
/* ----- 図 ----- */
#interview-02 #images{
	max-width:1000px;
	margin:40px auto 0;
}
#interview-02 #images .sp{
	display:none;
}
#interview-02 .column{
	margin:85px 0 0;
	display:flex;
	justify-content:space-between;
}
#interview-02 .column figure{
	width:46%;
}
/* インタビュー03
------------------------------------------------- */
#interview-03{
	padding:0 0 120px;
}
/* ----- head ----- */
#interview-03 .head{
	background:url('../img/interview03_headbg.jpg') no-repeat center center;
	background-size:cover;
	-webkit-background-size:cover;
}
#interview-03 .head > .inner .img{
	max-width:589px;
	width:49%;
}
#interview-03 .head > .inner .ttl{
	max-width:500px;
	width:42%;
	margin:0 2.5% 0 0;
}
/* ----- 図 ----- */
#training{
	margin:45px 0 0;
}


/*****************************************************
　魅力的な労働環境 
*****************************************************/
#working-environment{
	margin:0 0 180px;
}
/* working-environment-head
------------------------------------------------- */
#working-environment-head{
	max-width:1490px;
	width:90.62vw;
	margin:0 auto 30px;
	position:relative;
}
#working-environment-head:before{
	content:'';
	background:url('../img/img_logo_white.png') no-repeat center center;
	background-size:contain;
	-webkit-background-size:contain;
	max-width:1072px;
	width:100%;
	max-height:317px;
	height:100%;
	position:absolute;
	bottom:-200px;
	left:0;
	z-index:-1;
	display:block;
}
#working-environment-ttl{
	max-width:1333px;
	width:90%;
	margin:0 0 0 auto;
}
/* inner
------------------------------------------------- */
#working-environment > .inner{
	max-width:1000px;
}
/* box
------------------------------------------------- */
#w-environment-boxarea .box + .box{
	margin:50px 0 0;
}
/* ----- タイトル ----- */
#w-environment-boxarea .box .ttl{
	color:#4ba7ce;
	margin:0 0 12px;
}
#w-environment-boxarea .box .ttl > span{
	font-size:26px;
	font-size:2.6rem;
	font-weight:normal;
	line-height:1.3;
	margin:20px 0 0;
	display:block;
}
#w-environment-boxarea .box .ttl > span > span{
	font-size:inherit;
}
/* ----- p ----- */
#w-environment-boxarea .box p{
	line-height:1.5;
}
/* ----- ひなたの極 ----- */
#hinatanokiwami{
	display:flex;
	justify-content:space-between;
}
#hinatanokiwami figure{
	width:94px;
}
#hinatanokiwami .text{
	width:calc(100% - 116px);
}


/*****************************************************
　求める人物像 
*****************************************************/
#desired-person{
	padding:0 0 60px;
}
/* desired-person-head
------------------------------------------------- */
#desired-person-head{
	max-width:1490px;
	width:90.62vw;
	margin:0 auto 25px;
	position:relative;
}
#desired-person-head:before{
	content:'';
	background:url('../img/img_logo_white.png') no-repeat center center;
	background-size:contain;
	-webkit-background-size:contain;
	max-width:1072px;
	width:100%;
	max-height:317px;
	height:100%;
	position:absolute;
	bottom:-200px;
	right:0;
	z-index:-1;
	display:block;
}
#desired-person-ttl{
	max-width:1315px;
	width:90%;
	margin:0 auto 0 0;
}
/* inner
------------------------------------------------- */
#desired-person > .inner{
	max-width:1000px;
}
#desired-person .subttl{
	font-size:26px;
	font-size:2.6rem;
	line-height:1.3;
	color:#4ba7ce;
	margin:0 0 10px;
}
#desired-person p{
	line-height:1.5;
}
#desired-person p + p{
	margin:1.5em 0 0;
}
#desired-person .subttl + p{
	margin:0;
}
/* box
------------------------------------------------- */
#desired-person-boxarea{
	margin:30px 0 0;
	display:flex;
	justify-content:space-between;
}
#desired-person-boxarea .box{
	border:1px solid #c7e2ed;
	background:#fff;
	max-width:480px;
	width:48%;
	padding:40px 30px 30px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
/* ----- タイトル ----- */
#desired-person-boxarea .box .ttl{
	text-align:center;
	color:#4ba7ce;
	margin:0 0 40px;
}
#desired-person-boxarea .box .ttl span{
	font-size:18px;
	font-size:1.8rem;
	font-weight:normal;
	margin:10px 0 0;
	display:block;
}
/* ----- ボタン ----- */
#desired-person-boxarea .box .btn{
	background:#4ba7ce;
	font-size:26px;
	font-size:2.6rem;
	font-weight:bold;
	text-align:center;
	line-height:1.3;
}
#desired-person-boxarea .box .btn a{
	color:#fff;
	padding:23px 15px 24px;
	display:block;
}
#desired-person-boxarea .box .btn a:after{
	content:'';
	background:url(../img/yazirushi_white.svg) no-repeat center center;
	background-size:13px 20px;
	-webkit-background-size:13px 20px;
	width:13px;
	height:20px;
	margin:0 0 0 20px;
	display:inline-block;
}


/*****************************************************
　岡﨑組は働きやすい会社であることを目印にしたい、募集要項・エントリー 
*****************************************************/
#signal-entry{
	background:url('../img/signal_entry.jpg') no-repeat center bottom;
	background-size:cover;
	-webkit-background-size:cover;
	padding:55px 0;
}
#signal-entry > .inner{
	max-width:1000px;
}
/* 「勝って生き残る選択を」
------------------------------------------------- */
#signal{
	max-width:620px;
	margin:0 0 335px;
}
#signal-ttl{
	font-size:50px;
	font-size:5.0rem;
	font-weight:normal;
	line-height:1.1;
	color:#208fbe;
	margin:0 0 15px;
}
#signal p{
	line-height:1.5;
	color:#208fbe;
}
#signal p + p{
	margin:1.5em 0 0;
}
/* 募集要項・エントリー
------------------------------------------------- */
/* ----- タイトル ----- */
#a-guidelines-entry-ttl{
	text-align:center;
	color:#fff;
}
#a-guidelines-entry-ttl span{
	font-size:22px;
	font-size:2.2rem;
	font-weight:normal;
	margin:15px 0 0;
	display:block;
}
/* ----- 募集要項 ----- */
#a-guidelines-btn{
	background:#fff;
	font-size:26px;
	font-size:2.6rem;
	font-weight:bold;
	text-align:center;
	margin:45px 0 0;
}
#a-guidelines-btn a{
	color:#4ba7ce;
	padding:37px 0;
	display:block;
}
#a-guidelines-btn a:after{
	content:'';
	background:url('../img/yazirushi_blue.svg') no-repeat center center;
	background-size:13px 20px;
	-webkit-background-size:13px 20px;
	width:13px;
	height:20px;
	margin:0 0 0 20px;
	display:inline-block;
}
/* ----- エントリー ----- */
#entry-btn{
	margin:48px 0 0;
	display:flex;
}
#entry-btn .btn{
	width:48%;
}
#entry-btn .btn + .btn{
	margin:0 0 0 4%;
}
/* ----- instagram ----- */
#instagram{
	text-align:center;
	color:#c7e6f3;
	margin:90px 0 0;
}
#instagram p{
	line-height:1.5;
	margin:32px 0 0;
}


/*****************************************************
　フッター 
*****************************************************/
#footer{
	background:#fff;
	text-align:center;
	padding:30px 0 25px;
}
/* コピーライト
------------------------------------------------- */
#copyright{
	font-size:12px;
	font-size:1.2rem;
	line-height:1.5;
	margin:27px 0 0;
}


@media screen and (max-width:768px){
	/*****************************************************
	　トップ 
	*****************************************************/
	#top{
		background:url('../img/top_sp.jpg') no-repeat center top;
		background-size:cover;
		-webkit-background-size:cover;
		min-height:auto;
		padding:0 0 7.81vw;
	}
	/* ロゴ
	------------------------------------------------- */
	#logo{
		padding:4.68vw 0 0 4.68vw;
	}
	#logo img{
		width:21.25vw;
	}
	/* ボタン
	------------------------------------------------- */
	#fixbtn{
		width:90.62vw;
		margin:0 auto;
		justify-content:space-between;
		top:auto;
		bottom:20px;
		right:0;
		left:0;
	}
	#fixbtn .btn{
		width:43.75vw;
	}
	#fixbtn .btn + .btn{
		margin:0;
	}
	#fixbtn .btn .pc{
		display:none;
	}
	#fixbtn .btn .sp{
		display:block;
	}
	#fixbtn .btn img{
		width:100%;
	}
	/* テキスト
	------------------------------------------------- */
	#top .top-inner{
		padding:44.53vw 0 0;
		position:static;
	}
	#site-title{
		width:66.87vw;
		margin:0 0 -0.78vw -0.78vw;
	}
	#large-text{
		margin:0 -0.78vw 0.78vw;
	}
	#top p{
		font-size:3.43vw;
		line-height:1.3;
	}


	/*****************************************************
	　岡﨑組の柔軟な対応 
	*****************************************************/
	/* タイトル
	------------------------------------------------- */
	#flexible-response-ttl{
		margin:-4.68vw 0 12.5vw;
		padding:3.12vw 4.68vw 2.81vw;
	}
	#flexible-response-ttl span{
		font-size:3.43vw;
		margin:0.78vw 0 0;
	}
	/* box
	------------------------------------------------- */
	#flexible-response-boxarea{
		display:block;
	}
	#flexible-response-boxarea .box{
		width:100%;
	}
	#flexible-response-boxarea .box + .box{
		margin:11.71vw 0 0;
	}
	#flexible-response-boxarea .box .ttl{
		font-size:5vw;
		margin:0 0 2.34vw;
	}
	#flexible-response-boxarea .box figure{
		width:50vw;
		margin:0 auto 3.9vw;
	}
	#flexible-response-boxarea .box p{
		line-height:1.2;
	}


	/*****************************************************
	　UIJターン経験者インタビュー 
	*****************************************************/
	#interview{
		padding:15.62vw 0 0;
	}
	/* タイトル
	------------------------------------------------- */
	#interview-ttl{
		margin:0 0 10.15vw;
	}
	#interview-ttl span{
		font-size:3.43vw;
		margin:2.34vw 0 0;
	}
	/* 各インタビュー
	------------------------------------------------- */
	/* ----- head ----- */
	.interview-block .head{
		margin:0 0 2.34vw;
	}
	/* ----- text ----- */
	.interview-block .text .subttl{
		font-size:4.68vw;
		margin:0 0 3.12vw;
		line-height:1.2;
	}
	.interview-block .text p{
		line-height:1.2;
	}
	/* インタビュー01
	------------------------------------------------- */
	#interview-01{
		padding:0 0 14.06vw;
	}
	/* ----- head ----- */
	#interview-01 .head > .inner .ttl{
		width:38.9vw;
		margin:0 3.12vw 0 0;
	}
	/* ----- 人事考課表 ----- */
	#jinjikoukahyo{
		margin:8.59VW 0 0;
		padding:6.25vw 4.68vw 3.12vw;
	}
	#jinjikoukahyo figure .pc{
		display:none;
	}
	#jinjikoukahyo figure .sp{
		width:100%;
		display:block;
	}
	#jinjikoukahyo p{
		font-size:4.06vw;
		margin:5.46vw 0 0;
	}
	/* インタビュー02
	------------------------------------------------- */
	#interview-02{
		padding:0 0 17.18vw;
	}
	/* ----- head ----- */
	#interview-02 .head > .inner .ttl{
		width:44.06vw;
		margin:0 0 0 3.12vw;
	}
	/* ----- 図 ----- */
	#interview-02 #images{
		margin:5.46vw auto 0;
	}
	#interview-02 #images .pc{
		display:none;
	}
	#interview-02 #images .sp{
		margin:0 auto;
		display:block;
	}
	#interview-02 .column{
		margin:7.81vw 0 0;
		display:block;
	}
	#interview-02 .column figure{
		width:71.87vw;
		margin:0 auto;
	}
	#interview-02 .column figure img{
		width:100%;
	}
	#interview-02 .column figure + figure{
		margin:7.81vw auto 0;
	}
	/* インタビュー03
	------------------------------------------------- */
	#interview-03{
		padding:0 0 7.81vw;
	}
	/* ----- head ----- */
	#interview-03 .head > .inner .ttl{
		width:39.06vw;
		margin:0 3.12vw 0 0;
	}
	/* ----- 図 ----- */
	#training{
		margin:3.12vw 0 0;
	}


	/*****************************************************
	　魅力的な労働環境 
	*****************************************************/
	#working-environment{
		margin:0 0 7.03vw;
	}
	/* working-environment-head
	------------------------------------------------- */
	#working-environment-head{
		margin:0 auto 4.68vw;
	}
	#working-environment-head:before{
		width:78.12vw;
		height:23.12vw;
		bottom:-15.62vw;
		left:-4.69vw;
	}
	#working-environment-ttl{
		width:100%;
	}
	/* box
	------------------------------------------------- */
	#w-environment-boxarea .box + .box{
		margin:9.37vw 0 0;
	}
	/* ----- タイトル ----- */
	#w-environment-boxarea .box .ttl{
		margin:0 0 2.34vw;
	}
	#w-environment-boxarea .box .ttl > span{
		font-size:4.68vw;
		line-height:1.2;
		margin:1.56vw 0 0;
	}
	/* ----- p ----- */
	#w-environment-boxarea .box p{
		line-height:1.2;
	}
	/* ----- ひなたの極 ----- */
	#hinatanokiwami{
		display:block;
	}
	#hinatanokiwami figure{
		width:29.53vw;
		margin:0 auto 3.43vw;
	}
	#hinatanokiwami figure img{
		width:100%;
	}
	#hinatanokiwami .text{
		width:auto;
	}


	/*****************************************************
	　求める人物像 
	*****************************************************/
	#desired-person{
		padding:0 0 10.93vw;
	}
	/* desired-person-head
	------------------------------------------------- */
	#desired-person-head{
		margin:0 auto 3.12vw;
	}
	#desired-person-head:before{
		width:78.12vw;
		height:23.12vw;
		bottom:-15.62vw;
		right:-2.34vw;
	}
	#desired-person-ttl{
		width:100%;
	}
	/* inner
	------------------------------------------------- */
	#desired-person > .inner{
		max-width:1000px;
	}
	#desired-person .subttl{
		font-size:4.68vw;
		line-height:1.2;
		margin:0 0 2.34vw;
	}
	#desired-person p{
		line-height:1.2;
	}
	/* box
	------------------------------------------------- */
	#desired-person-boxarea{
		margin:7.03vw 0 0;
		display:block;
	}
	#desired-person-boxarea .box{
		max-width:none;
		width:100%;
		padding:6.25vw 4.68vw 4.68vw;
	}
	#desired-person-boxarea .box + .box{
		margin:6.25vw 0 0;
	}
	/* ----- タイトル ----- */
	#desired-person-boxarea .box .ttl{
		margin:0 0 6.25vw;
	}
	#desired-person-boxarea .box .ttl span{
		font-size:2.81vw;
		margin:1.56vw 0 0;
	}
	/* ----- ボタン ----- */
	#desired-person-boxarea .box .btn{
		font-size:4.06vw;
	}
	#desired-person-boxarea .box .btn a{
		padding:3.9vw;
	}
	#desired-person-boxarea .box .btn a:after{
		background-size:2.03vw 3.12vw;
		-webkit-background-size:2.03vw 3.12vw;
		width:2.03vw;
		height:3.12vw;
		margin:0 0 0 2.34vw;
	}


	/*****************************************************
	　岡﨑組は働きやすい会社であることを目印にしたい、募集要項・エントリー 
	*****************************************************/
	#signal-entry{
		background:url('../img/signal_entry_sp.jpg') no-repeat center top;
		background-size:cover;
		-webkit-background-size:cover;
		padding:13.28vw 0 6.25vw;
	}
	/* 岡﨑組は働きやすい会社であることを目印にしたい
	------------------------------------------------- */
	#signal{
		max-width:none;
		margin:0 0 119.21vw;
	}
	#signal-ttl{
		font-size:7.18vw;
		margin:0 0 2.34vw;
	}
	#signal p{
		line-height:1.2;
	}
	/* 募集要項・エントリー
	------------------------------------------------- */
	/* ----- タイトル ----- */
	#a-guidelines-entry-ttl span{
		font-size:3.43vw;
		margin:2.34vw 0 0;
	}
	/* ----- 募集要項 ----- */
	#a-guidelines-btn{
		font-size:4.06vw;
		margin:7.03vw 0 0;
	}
	#a-guidelines-btn a{
		padding:5.78vw 0;
	}
	#a-guidelines-btn a:after{
		background-size:2.03vw 3.12vw;
		-webkit-background-size:2.03vw 3.12vw;
		width:2.03vw;
		height:3.12vw;
		margin:0 0 0 3.12vw;
	}
	/* ----- エントリー ----- */
	#entry-btn{
		margin:7.5vw 0 0;
		display:block;
	}
	#entry-btn .btn{
		width:100%;
	}
	#entry-btn .btn + .btn{
		margin:7.81vw 0 0;
	}
	#entry-btn .btn img{
		width:100%;
	}
	/* ----- instagram ----- */
	#instagram{
		margin:17.18vw 0 0;
	}
	#instagram p{
		margin:5vw 0 0;
	}
	#instagram img{
		width:9.84vw;
	}


	/*****************************************************
	　フッター 
	*****************************************************/
	#footer{
		padding:4.68vw 0 calc(3.9vw + 18.75vw);
	}
	/* ロゴ
	------------------------------------------------- */
	#foot-logo img{
		width:42.5vw;
	}
	/* コピーライト
	------------------------------------------------- */
	#copyright{
		font-size:3.12vw;
		margin:3.12vw 0 0;
	}
}