/*--------------------------------------------------
　高額派遣LP PC
--------------------------------------------------*/
#container {background: #fff;}
.col_green{background: #77B300; box-shadow: 0 6px 0 #67940F; color:#FFF;}
.col_green:hover{background: #5d8c01; box-shadow: 0 6px 0 #44610a;}

.entry_btn {width: 100%; max-width: 440px; margin: 3.0rem auto 0; text-align: center; font-size: 2.0rem; color: #4396D8;}
.entry_btn .balloon {position: relative; color: #4396D8;}
.entry_btn .balloon::before, .entry_btn .balloon::after {position: absolute; display: inline-block;content: ""; top: 0.4rem; width: 0.12rem; height: 80%; background: #4396D8;}
.entry_btn .balloon::before {left: -16px; transform: rotate(-20deg);}
.entry_btn .balloon::after {right: -16px; transform: rotate(20deg);}
.go_entry_btn{width: 100%; max-width: 440px;font-weight:normal;font-size: 3.0rem; margin-top: 0; margin-bottom: 0; padding: 12px 2.4rem 12px 0; background: url(/images/kougakuhaken/ic_btn01.png) #f37800 no-repeat right 3.6rem top 3.0rem/2.3rem 1.6rem;}
.go_entry_btn:hover{ background: url(/images/kougakuhaken/ic_btn01.png) #f37800 no-repeat right 3.6rem top 3.0rem/2.3rem 1.6rem; box-shadow: 0 3px 0 #9C550E;}
.go_entry_btn.ic_reverse {background: url(/images/kougakuhaken/ic_btn02.png) #f37800 no-repeat right 3.6rem top 3.0rem/2.3rem 1.6rem;}
.go_entry_btn.ic_reverse:hover {background: url(/images/kougakuhaken/ic_btn02.png) #f37800 no-repeat right 3.6rem top 3.0rem/2.3rem 1.6rem;}

.uparrow a:before{ content:"\f077";}

@media only screen and (min-width: 768px) {
	.pg_lsearchbtn a>span small{font-size: 16px;display: inline;}
	.pg_lsearchbtn{width: 80%; max-width: 80%;}
	.pg_lsearchbtn li{width: 50%;}
	.pg_lsearchbtn a{max-width: 98%; height: 60px;}
	.pg_sldetailbtn{margin-right:10px;}
	}
@media (max-width: 767px){
	.col_green{ box-shadow: 0 3px 0 #67940F; color:#FFF;}
	.col_green:hover{ box-shadow: 0 3px 0 #44610a;}
	.pg_lsearchbtn { width: 98%;}
	#area .bosyu_txt{width:96%;     margin: 0 auto 8px;    font-size: .9em;}
	}

article h3 strong {
background: -webkit-linear-gradient(transparent 60%, #FFF000 50%);
background: linear-gradient(transparent 60%, #FFF000 50%);
}

/*　共通　*/

#mainimg{background:url(/images/kougakuhaken/bg_kougaku.jpg) no-repeat; background-size:cover; border-bottom:1px solid #DDD; text-align: center;}
#mainimg p img{width:100%; max-width:960px;}
article{margin-top:30px;}

#main_under_kougaku{    padding: 5px;    background-color: #b59e77;    background-image: linear-gradient( -45deg, #6578d2 25%, #5b6fd0 25%, #5b6fd0 50%, #6578d2 50%, #6578d2 75%, #5b6fd0 75%, #5b6fd0 );    background-size: 8px 8px;    color: #FFF; margin-bottom:10px;}
#main_under_kougaku h4{border:1px solid; text-align: center; max-width:500px; padding:3px;margin: auto; box-sizing:border-box;}
#main_under_kougaku p{max-width:500px; margin:5px auto 0;}
#main_under_kougaku p img{width:100%;}
#main_under_kougaku strong{font-size:1.3em;}
#main_under_kougaku small{text-align:center; display:block;}

@media (max-width: 767px){
	article{margin-top:16px;}
	#main_under_kougaku p{font-size:5.6vw;}
	#main_under_kougaku small{    font-size: .8em; margin-right:2%;}
	}

.kougaku{font-size:16px;}
.kougaku .kougakutitle{font-size:3.0rem;margin-top: -8px; color: #666; text-align: center!important; font-weight: normal;}
.kougaku .kougakutitle span{font-size:1.8rem; font-family: Satisfy; margin: 50px auto auto; color: #4396D8;}
.kougaku .kougakutitle span img {height: 38px; margin: 14px 8px 4px 0;}
#area + section { padding-top: 1px; }
.kougaku h3{ text-align: center; margin: 30px auto 8px; line-height: 1.8em; font-size: 1.1em;}
.note {margin-top:10px; font-size: 1.1rem; color: #666;text-align: left;}
span.underline-color {background:linear-gradient(transparent 60%, #dbf7ff 60%);}
p {color: #666;}
.tx-center {text-align: center;}
#footer {background: #F9F6F1;}
#pagetop .pagetop .back-to-top span::before {border-bottom: 50px solid #F9F6F1;}
#pagetop {margin-top: 40px;}
.only_pc {display: block;}
.only_sp {display: none;}
.socialplus_login {margin-top: 24px;padding-bottom: 0;color: #666;}
.socialplus_login .socialplus_login_line {margin-bottom: 0;}

/*　セクション別　*/
#intro p{width:96%; max-width:960px; margin:auto;}
#intro #introcopy{width: 95%; max-width: 500px; margin: auto;}
#introcopy{ color: #666666; font-size: 1.8rem; text-align:center;}

@media only screen and (min-width: 768px) {
	#intro #introcopy{margin:20px auto -20px;}
	}

/*tablet以上*/
@media only screen and (min-width: 600px) {
#intro #introcopy{width: 65%; max-width: 320px;}
}

/*PC*/
@media only screen and (min-width: 768px) {
#simulation , #area , #experience , #support , #job_example , #flow{width:80%; margin:0 auto; max-width:960px;clear:both;}
}

/*SP*/
/*求人カルーセル*********************************************************************************************/
#job_example{ width:90%; max-width:960px; margin:3.6rem auto 0; font-size:14px;}
#job_example .job_wrapper{ display:flex; justify-content: space-around; margin-top: 1.6rem;}
#job_example dl{width:100%; box-sizing:border-box; border:1px solid #CCC; border-radius:1px; margin:16px 20px 0 0; padding:5px 15px; position:relative; box-shadow: 0 2px 0px #D6D6D6;}
#job_example dl+dl {margin-right: 0px;}
#job_example dt{ font-size:1.5em; font-weight:bold; margin:15px auto;}

#job_example .nensyu{text-align:center; color:#FFF; font-size:1.4em; border-radius:32px;}
#job_example .haken{background:#fff; padding: 1.6rem 1.6rem 2.4rem; }
#job_example .haken dt{ font-weight: normal; font-size: 2.2rem; color:#666; margin: 0; padding: 1.6rem 1.6rem 1.6rem 12.6rem;}
#job_example .haken.pharmacy dt{ background:url(/images/kougakuhaken/ic_job-pharmacy.png) no-repeat left 1.6rem top 1.2rem/8.2rem auto; }
#job_example .haken.drag dt{ background:url(/images/kougakuhaken/ic_job-drag.png) no-repeat left 1.6rem top 1.2rem/8.2rem auto; }
#job_example .haken .nensyu{font-size: 1.4rem;}
#job_example .haken.pharmacy .nensyu{background:#00C109;}
#job_example .haken.drag .nensyu{background:#56A0DC;}
#job_example .haken dd {border-top: 1px solid #666; padding-top: 1.6rem;}
#job_example .haken dd ul { padding: 0 1.6rem;}
#job_example .haken li {position: relative; padding-left: 3.0rem;font-size: 1.8rem; font-weight: normal; color: #666;}
#job_example .haken li::before {position: absolute;display: inline-block;content: "\02714"; left: 0; top: 0; width: 3.0rem; height: 3.0rem; }
#job_example .haken.pharmacy li::before {color: #00C109;}
#job_example .haken.drag li::before {color: #56A0DC;}

	@media screen and (max-width:926px){
		#job_example .haken {padding: 1.6rem;}
		#job_example .haken dt{ font-size: 1.8rem;padding: 0rem 1.6rem 1.6rem 9.0rem;}
		#job_example .haken.pharmacy dt{ background:url(/images/kougakuhaken/ic_job-pharmacy.png) no-repeat left 1.6rem top 0.4rem/6rem auto; }
		#job_example .haken.drag dt{ background:url(/images/kougakuhaken/ic_job-drag.png) no-repeat left 1.6rem top 0.4rem/6rem auto; }
		#job_example .haken li {font-size: 1.6rem;}
	}
	@media screen and (max-width:767px){
		.only_pc {display: none;}
		.only_sp {display: block;}
		.kougaku .kougakutitle {font-size: 2.4rem;margin: 2px 0 4px;}
		.kougaku .kougakutitle span img {height: 24px;margin: 14px 8px 0px 0;}
		#job_example .job_wrapper { flex-direction: column; }
		#job_example .haken{padding: 1.6rem 1.6rem 1.3rem; }
		#job_example .haken dt{ font-size: 1.8rem;padding: 0rem 0.2rem 1.6rem 6.8rem;}
		#job_example .haken.pharmacy dt{ background:url(/images/kougakuhaken/ic_job-pharmacy.png) no-repeat left 0.6rem top 0.2rem/5.4rem auto; }
		#job_example .haken.drag dt{ background:url(/images/kougakuhaken/ic_job-drag.png) no-repeat left 0.6rem top 0.2rem/5.4rem auto; }
		#job_example .haken li {font-size: 1.4rem;}
	}
	@media screen and (min-width:600px){
	#job_example a{display: flex; width: 47%;}
	#job_example .nensyu{padding:4px 0;}
	#job_example strong{margin:10px auto 5px; font-size:1.1em;}
	#job_example dl{ padding:5px 15px 2em;}
	#job_example dd {font-size:1.1em;}

	}
	@media screen and (max-width:599px){
	#job_example h2 span{display:block;}
	#job_example .job_wrapper{flex-direction:column;}
	#job_example dl{margin:0 auto 8px; padding-bottom: 2em;}
	#job_example dt{margin:5px auto; font-size:5.5vw;}
	#job_example dd{font-size:font-size:4vw; margin:5px auto;}
	#job_example .nensyu{font-size:5vw;}
	#job_example .nensyu img{display:none;}
	}

	@media screen and (max-width:600px){
	#job_example .job_wrapper{flex-direction: column;}
	#job_example a{width: 100%;}
	}
	@media screen and (max-width:374px){
		#job_example .haken dt{padding: 0rem 0.6rem 1.6rem;}
		#job_example .haken.pharmacy dt{ background:none; }
		#job_example .haken.drag dt{ background:none; }
	}


#simulation::after { content: ""; display: block; clear: both; height: 1px; overflow: hidden;}
#simulation div{width:600px; margin:0 auto;}
#simulation h4{ color:#666; border:none; border-bottom:1px solid #999; text-align:left;}
#simulation ul{float:left; margin:50px 0; line-height:1.8rem;}
#simulation li{font-size:1.3em; margin: 15px 0;}
#simulation dl{float:right;}
#simulation dt{ background:#e72f77; border-radius:5px; color:#FFF; text-align:center; font-weight:bold; padding:5px 10px; margin-top:15px;}
#simulation dd{ color:#ff8400; font-weight:bolder; font-size:2.5em; line-height:2em; border-bottom:1px dashed #CCC; text-align:right;}
#simulation dd:last-child{border:none;}
#simulation dd strong{font-size:2em; font-weight:bolder; color:#ff8400;}

@media all and (-ms-high-contrast:none){
	#simulation dd{margin-top:20px;}
}

#choice ul{
    display: flex;
    flex-wrap: wrap;
	font-size:1.3em;
}
.checkmark li{
	width:33%;
	font-size:.85em;
}
.checkmark li:before{font-family: FontAwesome;content:"\f00c"; color:#0095E7;}

@media only screen and (max-width: 1000px) {
	.checkmark ul{    flex-direction: column;}
	.checkmark li{width:100%;}
}


#area {
	width:90%; margin:50px auto 60px;
}
#area .kougakucaption {
	font-size: 1.8rem;
	color: #56A0DC;
	text-align: center;
	margin-top: 24px;
}
#area .kougakucaption span {
	font-size: 1.2rem;
	vertical-align: top;
}
#area .kougakuannotation {
	font-size: 1.2rem;
	text-align: center;
}
#area h3 {
	text-align: left;
	margin: 0 0 20px;
	font-size: 1.8rem;
	font-weight: normal;
	color: #666;
}
#area h3 span {
	padding: 8px 16px; background-color: #F5F8F9; border-left: 4px solid #56A0DC;
}
#area .area_btn {
	margin: 20px auto 30px;
}
#area .area_btn a {
	color: #666;
	display: block;
	font-weight: 500;
	font-size: 1.8rem;
	border: 1px solid #ccc;
	width: 100%;
	max-width: 310px;
	margin:0 auto;
	background-color: #fff;
	border-radius: 75px;
	padding: 10px 0 10px 8px;
	text-align: center;
	letter-spacing: 1px;
}
#area .area_btn a:hover {
	opacity: 0.7;
}
#area .accordion {
	margin: 0 auto 25px;
	width: 100%;
	font-size: 1.5rem;
	color: #666;
}
#area .accordion_inner {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#area .accordion-header {
	margin-bottom: 5px;
	width: 11%;
	position: relative;
}
#area .accordion-content {
	text-align: left;
	width: 89%;
}
#area .accordion-content ul {
	width: 100%;
	font-size: 1.4rem;
}
#area .accordion-content li {
	display: inline-block;
	width: calc(96%/9);
	text-align: center;
	white-space: nowrap;
	margin-bottom: 15px;
}
#area .accordion-content a {
	display: block;
	padding: 4px 15px;
	background: #FAF7F5;
	border-radius: 20px;
	color: #666;
}
#area .accordion-content a:hover {
	opacity: 0.7;
}
#area .popularity ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
#area .popularity li {
	width: calc(95%/4);
	padding: 15px 0;
	border-radius: 5px;
	border: 1px solid #666;
	position: relative;
	box-shadow: 0px 8px 6px -6px rgba(0, 0, 0, 0.16);
}
#area .popularity li::after {
	content: '>';
    position: absolute;
    top: 45%;
    right: 5%;
    color: #FFF;
    font-size: 11px;
	line-height: 1.3;
	text-align: center;
	background-color: #56A0DC;
    width: 14px;
    height: 14px;
	border-radius: 50%;
}
#area .popularity li:nth-of-type(5), #area .popularity li:last-of-type {
	margin-top: 15px;
}
#area .popularity ul::before {
    order: 1;
}
#area .popularity ul::after, #area .popularity ul::before {
    content: "";
    display: block;
    width: calc(95%/4);
    height: 0;
}
#area .popularity li a {
	text-align: center;
	font-size: 1.8rem;
}
#area .popularity li img {
	display: block;
	width: 35%;
	margin: 0 auto 5px;
}
#area .message p {
	font-size: 1.4rem;
	text-align: center;
	margin-top: 5px;
}
@media only screen and (max-width: 930px) {
	#area .accordion-content li {
		width: 12%;
	}
}
@media only screen and (max-width: 900px) {
	#area .accordion-header {
		width: 15%;
	}
	#area .accordion-content {
		width: 85%;
	}
	#area .accordion-content li {
        width: 16%;
    }
}
@media only screen and (max-width: 767px) {
	#area h3 {
		margin: 0 0 15px;
	}
	#area .kougakucaption {
		font-size: 1.5rem;
		margin-top: 10px;
	}
	#area .kougakuannotation {
		text-align: right;
	}
	#area .area_btn {
		margin: 15px auto 25px;
	}
	#area .area_btn a {
		width:70%;
		max-width:1000px;
		font-size: 1.6rem;
	}
	#area .accordion-content {
		display: none;
		width: 100%;
	}
	#area .accordion-header {
		width: 100%;
		font-size: 1.6rem;
		border: #56A0DC 1px solid;
		margin-bottom: 10px;
		padding: 12px 0 12px 20px;
	}
	#area .accordion-header::before {
		content: '';
		position: absolute;
		display: block;
		top: 50%;
		right: 20px;
		width: 15px;
		border-top: 2px solid #666;
	}
	#area .accordion-header:after {
		content: '';
		position: absolute;
		display: block;
		top: 50%;
		right: 20px;
		width: 15px;
		border-top: 2px solid #666;
		-moz-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	#area .accordion-header.active {
		background: #56A0DC;
		color: #FFF;
		border: none;
		margin-bottom: 0;
	}
	#area .accordion-header.active {
		background: #56A0DC;
		color: #FFF;
		border: none;
		margin-bottom: 0;
	}
	#area .accordion-header.active::after {
		display: none;
	}
	#area .accordion-header.active::before {
		content: '';
		position: absolute;
		display: block;
		top: 50%;
		right: 20px;
		width: 15px;
		border-top: 2px solid #FFF;
	}
	#area .accordion-content ul {
		margin-bottom: 0;
		font-size: 1.6rem;
	}
	#area .accordion-content li {
		width: 100%;
		text-align: left;
		border: #56A0DC 1px solid;
		border-bottom: none;
		position: relative;
		margin-bottom: 0;
	}
	#area .accordion-content li:last-of-type {
		border-bottom: #56A0DC 1px solid;
		margin-bottom: 10px;
	}
	#area .accordion-content li::after {
		content: '>';
        position: absolute;
        top: 25%;
        right: 22px;
        color: #666;
        font-size: 16px;
        font-weight: bold;
	}
	#area .accordion-content a {
		padding: 12px 0 12px 20px;
		background: #FFF;
		border-radius: 0;
	}
	#area .popularity ul {
		margin-bottom:5px
	}
	#area .popularity li {
		width: calc(95%/2);
		padding: 10px 0;
		margin-bottom: 15px;
		border-radius: 0;
	}
	#area .popularity li:nth-of-type(5), #area .popularity li:last-of-type {
		margin-top: 0;
	}
	#area .popularity li::after {
		font-size: 10px;
		line-height: 1.5;
	}
	#area .popularity li img {
		margin: 0 auto 0;
	}
	#area .popularity li a {
		font-size: 1.4rem;
	}
	#area .message p {
		text-align: left;
	}
}
.contents-container{ padding: 50px 0 60px; background-color: #F5F8F9; }
#experience {width: 90%;}
#experience .experience_tx{margin-top: 24px;}
#experience #qa{color: #666; }
#experience #qa li{border: 1px solid #56A0DC; border-radius:5px; background-color: #fff; overflow: hidden; margin-top: 24px; }
#experience #qa li dt {background-color:#56A0DC; color: #fff; padding: 8px 32px;font-size: 1.8rem;}
#experience #qa li dd {padding: 16px 32px;font-size: 1.6rem;}
#experience .q_and_a dt:before{display: inline-block; content:"Q"; margin-right: 16px; color: #56A0DC; font-size:1.8rem; background: #fff; border-radius: 22px; width: 3rem; height: 3rem;text-align: center;}
#experience li div{float:left; width:44%; margin:2% 1%; padding:2%; background:#FCF9F6; box-shadow:5px 5px 0 #EFEAE5; font-size:.85em;}
#experience figure{float:left; font-size:.65em; margin:0 10px;}
#experience figcaption{margin-top:.8rem;}

#recommend-for {width: 90%; max-width: 960px; margin: 50px auto 0;}
#recommend-list {display: flex; justify-content: space-between; margin-top: 24px; color: #666;}
#recommend-list li {border: 1px solid #56A0DC; width: 28%; padding: 3px 16px 24px;border-radius: 5px;background-color: #fff;}
#recommend-list dt {display: table-cell; height: 12rem; color: #4396D8;vertical-align: middle; padding-left: 8rem;}
#recommend-list li.slide01 dt {background:url(/images/kougakuhaken/recommend_im01.png) no-repeat left 0rem center/7.0rem 7.0rem;}
#recommend-list li.slide02 dt {background:url(/images/kougakuhaken/recommend_im02.png) no-repeat left 0rem center/7.0rem 7.0rem;}
#recommend-list li.slide03 dt {background:url(/images/kougakuhaken/recommend_im03.png) no-repeat left 0rem center/7.0rem 7.0rem;}
#recommend-list dd { border-top: 1px solid #666666; padding: 1.4rem 4px 0; font-size: 1.4rem;}
.tx_blue {color: #4396D8;}

#choice { display: flex; align-items: center; width: 45.0rem; height: 16.0rem; margin: 3rem auto 0; padding-left: 38.2rem; background:url(/images/kougakuhaken/condition_img02.png) no-repeat left 11rem top/24.2rem auto; text-align: left;}
#choice p { font-size: 1.4rem; }
#choice p strong { font-size: 1.8rem; color: #56A0DC; }

#flow {width: 90%;}
#flow div  {width:100%; max-width:780px; margin: 20px auto;}

#method {display: flex; justify-content: space-between;margin-top:50px; color: #666;}
#method li {position:relative; width: 28%; padding: 30px 16px 24px; border: 1px solid #707070; font-size: 1.4rem;}
#method li::before {position: absolute;display: inline-block;width: 7.6rem; height: 5.6rem; left: 10.8rem;top: -3.6rem;background-color: #fff; color: #56A0DC; font-family: Satisfy;font-size: 5.4rem;text-align: center;}
#method li:nth-of-type(1):before {content: "1";}
#method li:nth-of-type(2):before {content: "2";}
#method li:nth-of-type(3):before {content: "3";}
#method dt {margin-top:20px; text-align:center;font-size: 1.8rem; color:#56A0DC;}
#method dd {margin-top: 12px;}

@media screen and (max-width:900px){
	#choice {display: block;align-items: inherit;height: auto;padding-left: 0;padding-bottom: 20.2rem;background: url(/images/kougakuhaken/condition_img02.png) no-repeat left 48% bottom/29.2rem auto;text-align: center;}
}
@media screen and (max-width:767px){
	.go_entry_btn {font-size: 2.0rem;background: url(/images/kougakuhaken/ic_btn01.png) #f37800 no-repeat right 3.6rem top 2rem/2.3rem 1.6rem;}
	.go_entry_btn.ic_reverse{background: url(/images/kougakuhaken/ic_btn02.png) #f37800 no-repeat right 3.6rem top 2rem/2.3rem 1.6rem}
	.contents-container {margin-top: 40px; margin-bottom: 40px;padding-top: 35px; padding-bottom: 50px;}
	#experience .experience_tx{margin-top: 12px;}
	#recommend-list {margin-top: 12px;}
	#recommend-for {padding: 0!important; margin-top: 40px;}
	#recommend-list li.slick-slide {display: flex; border: none; padding: inherit;border-radius: 0;background-color: inherit;}
	#recommend-list li dl { margin: 0 8px; border: 1px solid #56A0DC; padding: 3px 16px 24px;border-radius: 5px;background-color: #fff;}
	#recommend-list dt {padding-left: 6.4rem;font-size: 1.4rem;height: 10rem;}
	#recommend-list li.slide01 dt {background:url(/images/kougakuhaken/recommend_im01.png) no-repeat left 0rem center/5.8rem 5.8rem;}
	#recommend-list li.slide02 dt {background:url(/images/kougakuhaken/recommend_im02.png) no-repeat left 0rem center/5.8rem 5.8rem;}
	#recommend-list li.slide03 dt {background:url(/images/kougakuhaken/recommend_im03.png) no-repeat left 0rem center/5.8rem 5.8rem;}
	#recommend-list .slick-dots li {border: inherit; width: 10px; padding: inherit; border-radius: inherit;background-color: inherit;height: 20px;top: 24px;}
	.slick-dots li button:before {color: inherit; background: none; width: 10px; height: 10px;border: 1px solid #56A0DC;}
	.slick-dots li.slick-active button:before {color: inherit;background-color: #56A0DC;}


	.slick-track {display: flex;}
	.slick-slide {height: auto !important;}
	.slick-next {right: 2.0rem;}
	.slick-prev {left: 2.0rem;}

	#method {flex-direction: column;margin-top: 0;}
	#method li {width: auto;margin-top: 24px; padding: 0px; padding-left: 32px; background-color: #56A0DC;border: 1px solid #56A0DC;}
	#method li::before {width: 32px; height: auto; left: 11px!important;top: 40%;background-color: transparent; color: #fff;font-size: 20px;text-align: left;}
	#method li::after {position: absolute; display: inline-block; content:"";left:46%;bottom:-22px;width: 0;height: 0;border-style: solid;border-right: 22px solid transparent;border-left: 22px solid transparent;border-top: 16px solid #b7e3eb;border-bottom: 0;}
	#method li:last-of-type:after{display: none;}
	#method dt {margin-top:0px;font-size: 1.6rem;text-align: left; }
	#method dd {margin-top:8px;font-size: 1.4rem!important; }
	#flow dl {padding: 16px 24px 16px 24px; background-color: #fff;}
}

@media screen and (max-width:426px){
	#job_example .job_wrapper {margin-top: 12px;}
	#job_example .haken dd ul{ padding: 0 0.6rem;}
	#experience #qa li dt,#experience #qa li dd { padding: 8px 16px;}
}
@media screen and (max-width:320px){
	#job_example .haken dt {padding-left: 1.6rem;}
	#job_example .haken.pharmacy dt {background: none;}
	#job_example .haken.drag dt {background: none;}
}

/*リセット*/





/*　セクション別　*/

@media only screen and (max-width: 768px) {
	#experience, #area, #flow, #recommend-for {width: auto; padding: 0 3%;}
	#method li::before {left: 8.5rem;}
}


@media only screen and (max-width: 767px) {

.breadcump{ height: inherit; margin-bottom: 0 !important;}
.kougaku h3{ font-size: 4.4vw;}

.kougaku{min-width:inherit;}
#simulation {width:94%; margin: auto;}
#simulation div , 
#experience li div , 
#area #japanmap{width:100%;}

.go_entry_btn{margin:10px auto; width: 90%;}

#simulation{background:none;}
#simulation ul , 
#simulation dl , 
#simulation dt , 
#simulation dd{ float:none;text-align:center; margin:auto;}

#area dl { border:none;}

#experience #qa , 
#choice ul , 
#support div{ box-sizing:border-box; margin: 15px 0;  padding: 0; height:inherit; width:100%; background:#F5F8F9; }


#support h3{text-align:center;}
#support ol{margin:2%;    font-size: .9em;}
#simulation h4{clear:both; text-align:center; width:80%; margin:3% 10%;}
#area h4{clear:both; text-align:center; width:100%; padding:10px 0; margin:3% 0;}
#flow dt{float:none; min-height:inherit; width:100%; font-size: 1.4em;}
#area dd a , #area dd:last-child a{border:none;}

nav .button{font-size:1rem;}
nav li{}
nav li a{min-width:inherit; text-decoration:none; font-size:1.3rem;}


#choice , #area , #experience ,#reccomend-for, #support , #job_example , #flow{width:90%; margin:0 auto;}
#choice {margin-top: 40px;padding: 0 3% 20.2rem;}



#simulation dd strong{font-size:19vw;}
#simulation li{font-size:1em; margin: 5px 0;}
#simulation dt{margin:15px auto 10px;}

#choice ul{ margin:20px 0 ; }
#choice li{font-size: 0.8em;background-size: 24px; margin: 3px 0;}

#area{margin:50px auto 30px;}



#area dd a:hover{text-decoration:none;}


#experience ul.flexheight{margin-bottom:20px;}
}

@media screen and (max-width:426px){
	#choice {width: auto;}
}

#flow{margin-top: 50px ; margin-bottom:60px;}

	@media only screen and (max-width: 767px) {
		#area {margin-top: 0px;}
	#flow dd{    text-align: justify;    font-size: .9em;}
	}



/*エントリーフォーム*********************************************************************************************/


#onformcopy{text-align:center; font-size:1.5em; width:100%; max-width:800px; margin:auto; color:#28B030; stroke:#28B030;}

.kougaku form{border:1px solid #28B030; background: #DBE4C7; padding:0 10px;}
.kougaku #formTop{max-width: 960px; margin: auto;}
.kougaku .contact_form_in {padding-bottom: 60px;}
.kougaku #formTop h3{background:#28B030; font-size:1.3em; color: #FFF!important; text-align:center; margin: 0; padding:5px 0;}
.kougaku #formTop #privacypolicy h3{background:#FFF; color:#333!important; font-size: 12px; text-align:left;}
.cnt_btn , .btn-step4_next, .btn-step4_next:active, .btn-step4_next:link, .btn-step4_next:visited{background : rgb(255, 133, 0); border-bottom : 5px solid rgb(216, 113, 1); cursor: pointer;}
.cnt_btn:hover , .btn-step4_next:hover {background : rgb(242, 120, 0); border-bottom : 5px solid rgb(216, 106, 0);}
.btn-step4_next, .btn-step4_next:hover, .btn-step4_next:active, .btn-step4_next:link, .btn-step4_next:visited{font-size:24px;}

	@media (max-width: 1140px) and (min-width: 768px){
	.cnt_form{width: 95%;}
	.cnt_blk {margin-top: 0;}
	#cnt_form .contact_form_in{padding: 0px 0px 10px;}
	#footer_tel_ssl{padding-left: 6%; text-align:center;}
	}

	@media only screen and (max-width: 767px){
	.btn-step4_next, .btn-step4_next:hover, .btn-step4_next:active, .btn-step4_next:link, .btn-step4_next:visited{font-size:5.5vw;}
	.thanks_btn .cnt_btn{font-size:5vw;}
	.contact_form_in .cnt_ttl_cov{margin: 0 -10px;}
	.cnt_blk {margin-top: 0;}
	#cnt_form .cnt_ttl_cov{font-size: 6vw; width: 100%; box-sizing: border-box;margin: auto;}
	.cnt_form_cov{margin: 20px;}
	.kougaku .contact_form_in {padding-bottom: 10px;}
	}

#form_privacymark{ max-width: 940px; margin: auto;}

/*おすすめ求人*********************************************************************************************/
#reco26 {
	max-width: 970px;
	width: 101%;
	margin-left: -5px;
}
.pick_up_haken {
	margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
	#reco26 {
		width: 100%;
		margin-left: -7px;
	}
	.detailfcol_con {
        padding: 0;
    }
	.detailfcol_index_row {
        margin: 10px 0;
    }
	.detailfcol_index_col {
        max-width: none;
    }
}

/* 矢印 */
.slick-prev, .slick-next {
    width: 40px;
    height: 40px;
    z-index: 10;
	top: 47%;
    align-items: center;
    background: #fff;
	box-shadow: rgba(125, 122, 118, 0.3) 0px 2px 2px 1px;
    border-radius: 50%;
}
.slick-prev {
    left: -17px;
}
.slick-prev::after, .slick-next::after {
	content: url('/images/kougakuhaken/pickup_arrow.svg');
	width: 47px;
    height: 47px;
	display: inline-block;
	position: absolute;
    top: -3px;
    left: -3px;
}
.slick-prev::after {
    transform: rotate(180deg);
	left: -4px;
}
/* 求人票 */
.detailfcol_index_col {
    padding: 0 7px 20px;
}
.detailfcol_index_col a {
	border-radius: 5px;
	-webkit-box-shadow: 0px 2px 7px 0px rgba(125, 122, 118, 0.2);
    -moz-box-shadow: 0px 2px 7px 0px rgba(125, 122, 118, 0.2);
    box-shadow: 0px 2px 7px 0px rgba(125, 122, 118, 0.2);
}
.detailfcolimg {
	height: 168px;
	border-radius: 5px 5px 0 0;
}
.detailfcol_index_ttl {
	font-size: 16px;
	color: #666;
	padding: 15px 25px 0;
	line-height: 1.4;
	min-height: 7rem;
}
.cu_list_cov .content {
    padding: 10px 10px 20px 25px;
}
.cu_list_cov .content li {
	font-size: 14px;
	color: #555;
}
.cu_list_cov .content li:before {
    content:  "";
    display:  inline-block;
    position:  relative;
    background-size:  contain;
    background-repeat:  no-repeat;
    vertical-align: top;
}
.cu_list_cov .content li:first-of-type:before {
    background-image:  url(/images/kougakuhaken/pickup_location.svg);
	width: 15px;
    height: 15px;
	margin-right: 3px;
	top: 3px;
	left: -2px;
}
.cu_list_cov .content li:nth-of-type(2):before {
    background-image:  url(/images/kougakuhaken/pickup_industry.svg);
	width: 11px;
    height: 11px;
	margin-right: 7px;
    top: 6px;
	left: 0px;
}
.cu_list_cov .content li:last-of-type:before {
    background-image:  url(/images/kougakuhaken/pickup_salary.svg);
	width: 13px;
    height: 13px;
	margin-right: 5px;
	top: 5px;
}
@media screen and (max-width: 1024px) {
	.detailfcol_index_col:first-of-type {
        padding-left: 7px;
    }
}
@media screen and (max-width: 767px) {
	.detailfcol_index_col {
		padding: 0 7px 5px;
	}
	.detailfcolimg {
		height: 147px;
	}
	.detailfcol_index_ttl {
		font-size: 14px;
		padding: 13px 13px 0;
		min-height: 5.8rem;
	}
	.cu_list_cov .content {
		padding: 8px 10px 20px 12px;
	}
	.cu_list_cov .content li {
		font-size: 12px;
	}
	.detailfcol_index_col {
    width: 284px;
	}
}
/* ドットインジケーター*/
#reco26 .slick-dots li {
    width: 14px;
    height: 14px;
}
#reco26 .slick-dots li button {
    width: 14px;
    height: 14px;
    padding: 0;
    position: relative;
}
#reco26 .slick-dots li button:before {
    content: '';
    display: block;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: background-color 0.1s ease, box-shadow 0.1s ease, width 0.1s ease, height 0.1s ease;
    width: 10px;
    height: 10px;
    background: #fff;
	border: 1px solid #56A0DC;
}
#reco26 .slick-dots li.slick-active button:before {
    width: 10px;
    height: 10px;
    background: #4396D8;
    box-shadow: none;
}
@media screen and (max-width: 767px) {
	#reco26 .slick-dots {
		margin-left: 7px;
	}
	#reco26 .slick-dots li.slick-active button:before {
		width: 8px;
		height: 8px;
	}
	#reco26 .slick-dots li button:before {
		width: 8px;
		height: 8px;
	}
}