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

.background_01{
	padding: 20px;
	background-color:#ECF2F9;
	position: relative;
	margin-bottom: 20px;
}

.background_02{
	padding: 30px 34px;
	background-color:#ffffff;
	margin-bottom: 20px;
	position: relative;
}

.background_03{
	padding: 30px 34px;
	background-color:#ffffff;
	position: relative;
}
.background_04{
	padding: 30px 34px 10px;
	background-color:#ffffff;
	margin-bottom: 20px;
	position: relative;
}



/* イラストの位置 */
.illustration_01{
	position: absolute;
    right: 30px;
    top: 20px;
}

.illustration_02{
	position: absolute;
    right: 30px;
    top: 20px;
}

.illustration_03{
	position: absolute;
    right: 30px;
    top: 20px;
}


/* 特進職 */

.tokushin h2{
	font-size: 2.6rem;
	font-weight: bold;
	line-height: 1.2em;
	color: #f03232;
	margin-top: 16px;
	margin-bottom: 26px;
}

.vertical_bar_01{
	border-left: 10px solid #f03232;
}

.tokushin_text_01{
	padding-left: 10px;
	font-size: 1.6rem;
	color: #000;
}

.tokushin_text_02{
	font-size: 1.6rem;
	color: #464646;
}

.tokushin strong{
	color: #f03232;
}

.Job_btn h6{
	font-size: 1.4rem;
	color: #464646;
}



/* 総合職 */

.sogo h2{
	font-size: 2.6rem;
	font-weight: bold;
	line-height: 1.2em;
	color: #ffbe00;
	margin-top: 16px;
	margin-bottom: 26px;
}

.vertical_bar_02{
	border-left: 10px solid #ffbe00;
}

.sogo_text_01{
	padding-left: 10px;
	font-size: 1.6rem;
	color: #000;
}

.sogo strong{
	color: #ffbe00;
}

.sogo h5{
	font-size: 1.4rem;
	color: #464646;
}


/* 専門職 */

.senmon h2{
	font-size: 2.6rem;
	font-weight: bold;
	line-height: 1.2em;
	color: #2d96f0;
	margin-top: 16px;
	margin-bottom: 26px;
}

.vertical_bar_03{
	border-left: 10px solid #a116ff;
}

.senmon_text_01{
	padding-left: 10px;
	font-size: 1.6rem;
	color: #000;
}

.senmon h5{
	font-size: 1.4rem;
	color: #464646;
}

/* 関連職種btn */
/*
#main .placement{
	font-size: 1.2rem;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 0px;
}

.Job_btn{
	overflow: hidden;
	width: 100%;
}

.Job_btn li{
	float: left;
	padding-right: 8px;
}*/



/* 関連職種 */
#main .relate {
	margin-bottom:0;
	}
#main .relate dt {
	font-size: 1.2rem;
	font-weight:bold;
	}
#main .relate ul {
	margin:0 auto;
	clear:both;
	overflow:hidden;
	}
#main .relate ul li {
	width:115px;
	margin-right:10px;
	float:left;
	overflow:hidden;

	}
#main .relate ul li p {
	margin-top:4px;
    line-height: 1.4;
    font-size: 1.0rem;
    text-align: center;
}

@media screen and (max-width: 939px) {
	#main .relate ul {
		display: flex;
		flex-wrap: wrap;
	}
}


/*-------------------------------------------------------------------------
  ------------------------------------------------------------------------
	ブレイクポイント
	940px未満 @media screen and (max-width: 939px) {...}
	560px未満 @media screen and (max-width: 559px) {...}
  ------------------------------------------------------------------------
/*-----------------------------------------------------------------------*/
@media screen and (max-width: 939px) {
	.background_01 {
		padding: 12px;
	}
	.background_02 {
		padding: 12px;
	}
	.background_03 {
		padding: 12px;
	}
	.background_04 {
		padding: 12px;
	}
	.illustration_01 {
		position: static;
		text-align: center;
		margin-bottom: 16px !important;
	}
	.illustration_02 {
		position: static;
		text-align: center;
		margin-bottom: 16px !important;
	}
	.illustration_03 {
		position: static;
		text-align: center;
		margin-bottom: 16px !important;
	}
	.tokushin h2 {
		font-size: 1.8rem;
		margin-bottom: 16px;
	}
	.sogo h2 {
		font-size: 1.8rem;
		margin-bottom: 16px;
	}
	.senmon h2 {
		font-size: 1.8rem;
		margin-bottom: 16px;
	}
	.tokushin_text_01 {
		font-size: 1.2rem;
		margin-bottom: 16px !important;
	}
	.sogo_text_01 {
		font-size: 1.2rem;
		margin-bottom: 16px !important;
	}
	.senmon_text_01 {
		font-size: 1.2rem;
		margin-bottom: 16px !important;
	}
	.tokushin_text_02 {
		font-size: 1.2rem;
	}
	.sogo_text_02 {
		font-size: 1.2rem;
	}
	.senmon_text_02 {
		font-size: 1.2rem;
	}
}

.lead {
	text-align: center;
	font-size: 1.6rem;
}

.scroll_btn {
	display: flex;
	justify-content: center;
	margin-bottom: 20px!important;
}
.scroll_btn li {
	width: 210px;
}
.scroll_btn li:hover {
	filter: brightness(0.95);
}
.scroll_btn li:first-child {
	margin-right: 20px;
}

.occupation {
	font-size: 2.4rem;
	margin-top: 40px;
	margin-bottom: 18px!important;
}
	.occupation.senmon {
		margin-top: 50px;
	}
.occupation .main {
	font-weight: bold;
}
.occupation .note {
	font-size: 1.8rem;
}
.occupation small, .occupation .note {
	vertical-align: top;
}

.vertical_bar_04{
	border-left: 10px solid #2d96f0;
}
.vertical_bar_05{
	border-left: 10px solid #a116ff;
}
.vertical_bar_06{
	border-left: 10px solid #2d96f0;
}

.background_01 .workplace {
	font-size: 2rem;
	margin-top: 2px;
	padding-bottom: 10px;
}
	#kyoto.background_01 .workplace {
		border-bottom: #fff dotted 5px;
	}
.background_01 .flex {
	display: flex;
	justify-content: space-between;
}
.background_01 .vertical_bar_02, .background_01 .vertical_bar_03, .background_01 .vertical_bar_05{
	width: 68%;
	height: fit-content;
	margin-top: 16px;
}
.background_01 .vertical_bar_06{
	width: 50%;
	height: fit-content;
	margin-top: 16px;
}
.background_01 .flex p {
	margin-bottom: 0!important;
}

@media screen and (max-width: 939px) {
	.lead {
		font-size: 1.4rem;
	}
	.background_01 {
		margin-bottom: 30px;
	}
	.background_01 .flex {
		display: block;
	}
	.background_01 .vertical_bar_02, .background_01 .vertical_bar_03, .background_01 .vertical_bar_05, .background_01 .vertical_bar_06{
		width: auto;
		margin-bottom: 16px;
	}
	.scroll_btn {
		display: block;
		margin-top: 10px;
		margin-bottom: 30px!important;
	}
	.scroll_btn li {
		margin: 0 auto;
	}
	.scroll_btn li:hover {
		filter: brightness(1);
	}
	.scroll_btn li:first-child {
		margin-right: auto;
		margin-bottom: 15px!important;
	}
	.background_01 .workplace {
		font-size: 1.8rem;
		margin-top: 8px;
		text-align: center;
	}
	.occupation {
		font-size: 2.1rem;
	}
		.occupation .note {
		font-size: 1.6rem;
		line-height: 1.75;
	}
	
}