#pref {
	
}

#pref #main > .wrapper {
	background-color: #e3e3e3;
	padding: 30px 0;
	margin: 50px 0;
}

@media screen and (max-width: 600px) {	
	#pref #main > .wrapper {
		background-color: #e3e3e3;
		padding: 20px 10px;
		margin: 30px -10px;
	}
}

#pref #main .container,
#pref #main > section,
#pref #main > .wrapper > section {
	width: 820px;
	margin: 0 auto;
}

@media screen and (max-width: 600px) {	
	#pref #main .container,
	#pref #main > section,
	#pref #main > .wrapper > section {
		width: auto;
	}
}

#pref #main > .container:after {
	display: block;
	content: "";
	clear: both;
}

#pref #main h1 {
	text-align: center;
	margin-bottom: 30px;
}

#pref #main #section-pref {
	float: left;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-pref {
		float: none;
		margin-bottom: 30px;
	}
}


#pref #main #section-pref .site-content {
	position: relative;
	width: 404px;
	height: 508px;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-pref .site-content {
		position: relative;
		width: 290px;
		height: 371px;
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
	}
}

#pref.kitanakto #main #section-pref .site-content {
	position: relative;
	width: 404px;
	height: 508px;
}

@media screen and (max-width: 600px) {	
	#pref.kitakanto #main #section-pref .site-content {
		position: relative;
		width: 290px;
		height: 321px;
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
	}
}

#pref #main #section-pref ul li {
	position: absolute;
	width: 125px;
	height: 125px;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-pref ul li {
		position: absolute;
		width: 90px;
		height: 90px;
	}
}

#pref #main #section-pref ul li.gifu {
	top: 0;
	left: 138px;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-pref ul li.gifu {
		top: 0;
		left: 100px;
	}
}

#pref #main #section-pref ul li.mie {
	top: 138px;
	left: 0;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-pref ul li.mie {
		top: 100px;
		left: 0;
	}
}

#pref #main #section-pref ul li.aichi {
	top: 140px;
	left: 138px;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-pref ul li.aichi {
		top: 100px;
		left: 100px;
	}
}

#pref #main #section-pref ul li.shizuoka {
	top: 140px;
	left: 284px;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-pref ul li.shizuoka {
		top: 100px;
		left: 200px;
	}
}

#pref.tokai #main #section-pref .character {
	position: absolute;
	top: 290px;
	left: 135px;
}

@media screen and (max-width: 600px) {	
	#pref.tokai #main #section-pref .character {
		position: absolute;
		top: 210px;
		left: 94px;
	}
}

#pref #main #section-pref ul li.hyogo {
	top: 0px;
	left: 0px;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-pref ul li.hyogo {
		top: 0px;
		left: 0px;
	}
}

#pref #main #section-pref ul li.kyoto {
	top: 0px;
	left: 138px;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-pref ul li.kyoto {
		top: 0px;
		left: 100px;
	}
}

#pref #main #section-pref ul li.shiga {
	top: 0px;
	left: 284px;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-pref ul li.shiga {
		top: 0px;
		left: 200px;
	}
}

#pref #main #section-pref ul li.osaka {
	top: 140px;
	left: 138px;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-pref ul li.osaka {
		top: 105px;
		left: 100px;
	}
}

#pref #main #section-pref ul li.nara {
	top: 140px;
	left: 284px;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-pref ul li.nara {
		top: 105px;
		left: 200px;
	}
}

#pref #main #section-pref ul li.wakayama {
	top: 280px;
	left: 138px;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-pref ul li.wakayama {
		top: 210px;
		left: 100px;
	}
}


#pref.kansai #main #section-pref .character {
	position: absolute;
	top: 290px;
	left: 0px;
}

@media screen and (max-width: 600px) {	
	#pref.kansai #main #section-pref .character {
		position: absolute;
		top: 210px;
		left: 0px;
	}
}


#pref #main #section-pref ul li.saga {
	top: 0px;
	left: 0px;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-pref ul li.saga {
		top: 0px;
		left: 0px;
	}
}

#pref #main #section-pref ul li.fukuoka {
	top: 0px;
	left: 138px;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-pref ul li.fukuoka {
		top: 0px;
		left: 100px;
	}
}

#pref #main #section-pref ul li.oita {
	top: 0px;
	left: 284px;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-pref ul li.oita {
		top: 0px;
		left: 200px;
	}
}


#pref #main #section-pref ul li.nagasaki {
	top: 140px;
	left: 0px;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-pref ul li.nagasaki {
		top: 105px;
		left: 0px;
	}
}

#pref #main #section-pref ul li.kumamoto {
	top: 140px;
	left: 138px;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-pref ul li.kumamoto {
		top: 105px;
		left: 100px;
	}
}

#pref #main #section-pref ul li.miyazaki {
	top: 140px;
	left: 284px;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-pref ul li.miyazaki {
		top: 105px;
		left: 200px;
	}
}

#pref #main #section-pref ul li.okinawa {
	top: 280px;
	left: 0px;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-pref ul li.okinawa {
		top: 210px;
		left: 0px;
	}
}

#pref #main #section-pref ul li.kagoshima {
	top: 280px;
	left: 138px;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-pref ul li.kagoshima {
		top: 210px;
		left: 100px;
	}
}

#pref.kyushu #main #section-pref .character {
	position: absolute;
	top: 290px;
	left: 275px;
}

@media screen and (max-width: 600px) {	
	#pref.kyushu #main #section-pref .character {
		position: absolute;
		top: 210px;
		left: 195px;
	}
}


/* chugoku */

#pref #main #section-pref ul li.shimane {
	top: 0px;
	left: 142px;

}

@media screen and (max-width: 600px) {	
	#pref #main #section-pref ul li.shimane {
		top: 0px;
		left: 100px;
	}
}

#pref #main #section-pref ul li.tottori {
	top: 0px;
	left: 284px;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-pref ul li.tottori {
		top: 0px;
		left: 200px;
	}
}

#pref #main #section-pref ul li.yamaguchi {
	top: 140px;
	left: 0px;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-pref ul li.yamaguchi {
		top: 105px;
		left: 0px;
	}
}

#pref #main #section-pref ul li.hiroshima {
	top: 140px;
	left: 142px;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-pref ul li.hiroshima {
		top: 105px;
		left: 100px;
	}
}

#pref #main #section-pref ul li.okayama {
	top: 140px;
	left: 284px;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-pref ul li.okayama {
		top: 105px;
		left: 200px;
	}
}


#pref.chugoku #main #section-pref .character {
	position: absolute;
	top: 290px;
	left: 142px;
}

@media screen and (max-width: 600px) {	
	#pref.chugoku #main #section-pref .character {
		position: absolute;
		top: 210px;
		left: 195px;
	}
}


/* hokkaido ///////////////////////////////////////////////////*/

#pref #main #section-pref ul li.hokkaido {
	top: 110px;
	left: 142px;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-pref ul li.hokkaido {
		top: 90px;
		left: 100px;
	}
}

#pref.hokkaido #main #section-pref .wave {
	position: absolute;
	top: 10px;
	left: 30px;
}

@media screen and (max-width: 600px) {	
	#pref.hokkaido #main #section-pref .wave {
		position: absolute;
		top: 0px;
		left: 10px;
	}
}

#pref.hokkaido #main #section-pref .boat {
	position: absolute;
	top: 280px;
	right: 10px;
}

@media screen and (max-width: 600px) {	
	#pref.hokkaido #main #section-pref .boat {
		position: absolute;
		top: 200px;
		right: 10px;
	}
}

#pref.hokkaido #main #section-pref .character {
	position: absolute;
	top: 260px;
	left: 0px;
}

@media screen and (max-width: 600px) {	
	#pref.hokkaido #main #section-pref .character {
		position: absolute;
		top: 195px;
		left: 0px;
	}
}

/* tohoku ///////////////////////////////////////////////////*/


#pref #main #section-pref ul li.aomori {
	top: 0px;
	left: 138px;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-pref ul li.aomori {
		top: 0px;
		left: 100px;
	}
}

#pref #main #section-pref ul li.iwate {
	top: 0px;
	left: 284px;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-pref ul li.iwate {
		top: 0px;
		left: 200px;
	}
}

#pref #main #section-pref ul li.akita {
	top: 140px;
	left: 138px;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-pref ul li.akita {
		top: 105px;
		left: 100px;
	}
}

#pref #main #section-pref ul li.miyagi {
	top: 140px;
	left: 284px;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-pref ul li.miyagi {
		top: 105px;
		left: 200px;
	}
}

#pref #main #section-pref ul li.yamagata {
	top: 280px;
	left: 138px;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-pref ul li.yamagata {
		top: 210px;
		left: 100px;
	}
}

#pref #main #section-pref ul li.fukushima {
	top: 280px;
	left: 284px;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-pref ul li.fukushima {
		top: 210px;
		left: 200px;
	}
}


#pref.tohoku #main #section-pref .character {
	position: absolute;
	top: 290px;
	left: 0px;
}

@media screen and (max-width: 600px) {	
	#pref.tohoku #main #section-pref .character {
		position: absolute;
		top: 210px;
		left: 0px;
	}
}


/* kitakanto ///////////////////////////////////////////////////*/

#pref #main #section-pref ul li.tochigi {
	top: 140px;
	left: 142px;

}

@media screen and (max-width: 600px) {	
	#pref #main #section-pref ul li.tochigi {
		top: 55px;
		left: 100px;
	}
}


#pref #main #section-pref ul li.gunma {
	top: 140px;
	left: 0px;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-pref ul li.gunma {
		top: 55px;
		left: 0px;
	}
}

#pref #main #section-pref ul li.ibaraki {
	top: 140px;
	left: 284px;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-pref ul li.ibaraki {
		top: 55px;
		left: 200px;
	}
}


#pref.kitakanto #main #section-pref .character {
	position: absolute;
	top: 290px;
	left: 142px;
}

@media screen and (max-width: 600px) {	
	#pref.kitakanto #main #section-pref .character {
		position: absolute;
		top: 160px;
		left: 100px;
	}
}

/* hokuriku ///////////////////////////////////////////////////*/

#pref #main #section-pref ul li.ishikawa {
	top: 0px;
	left: 138px;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-pref ul li.ishikawa {
		top: 0px;
		left: 100px;
	}
}

#pref #main #section-pref ul li.toyama {
	top: 0px;
	left: 284px;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-pref ul li.toyama {
		top: 0px;
		left: 200px;
	}
}

#pref #main #section-pref ul li.fukui {
	top: 140px;
	left: 138px;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-pref ul li.fukui {
		top: 105px;
		left: 100px;
	}
}

#pref.hokuriku #main #section-pref .character {
	position: absolute;
	top: 290px;
	left: 0px;
}

@media screen and (max-width: 600px) {	
	#pref.hokuriku #main #section-pref .character {
		position: absolute;
		top: 210px;
		left: 0px;
	}
}

/* shikoku ///////////////////////////////////////////////////*/

#pref #main #section-pref ul li.ehime {
	top: 0px;
	left: 138px;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-pref ul li.ehime {
		top: 0px;
		left: 100px;
	}
}

#pref #main #section-pref ul li.kagawa {
	top: 0px;
	left: 284px;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-pref ul li.kagawa {
		top: 0px;
		left: 200px;
	}
}

#pref #main #section-pref ul li.kouchi {
	top: 140px;
	left: 138px;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-pref ul li.kouchi {
		top: 105px;
		left: 100px;
	}
}

#pref #main #section-pref ul li.tokushima {
	top: 140px;
	left: 284px;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-pref ul li.tokushima {
		top: 105px;
		left: 200px;
	}
}

#pref.shikoku #main #section-pref .character {
	position: absolute;
	top: 290px;
	left: 0px;
}

@media screen and (max-width: 600px) {	
	#pref.shikoku #main #section-pref .character {
		position: absolute;
		top: 210px;
		left: 0px;
	}
}

/* koshinetsu ///////////////////////////////////////////////////*/


#pref #main #section-pref ul li.niigata {
	top: 0px;
	left: 143px;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-pref ul li.niigata {
		top: 0px;
		left: 100px;
	}
}

#pref #main #section-pref ul li.nagano {
	top: 140px;
	left: 143px;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-pref ul li.nagano {
		top: 105px;
		left: 100px;
	}
}

#pref #main #section-pref ul li.yamanashi {
    top: 140px;
    left: 280px;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-pref ul li.yamanashi {
		top: 105px;
		left: 200px;
	}
}

#pref.koshinetsu #main #section-pref .character {
	position: absolute;
	top: 290px;
	left: 0px;
}

@media screen and (max-width: 600px) {	
	#pref.koshinetsu #main #section-pref .character {
		position: absolute;
		top: 210px;
		left: 0px;
	}
}


/* shutoken ///////////////////////////////////////////////////*/

#pref #main #section-pref ul li.saitama {
	top: 0px;
	left: 138px;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-pref ul li.saitama {
		top: 0px;
		left: 100px;
	}
}

#pref #main #section-pref ul li.kanagawa {
    top: 280px;
    left: 138px;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-pref ul li.kanagawa {
	    top: 210px;
	    left: 100px;
	}
}

#pref #main #section-pref ul li.tokyo {
	top: 140px;
	left: 138px;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-pref ul li.tokyo {
		top: 105px;
		left: 100px;
	}
}

#pref #main #section-pref ul li.chiba {
	top: 140px;
	left: 284px;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-pref ul li.chiba {
		top: 105px;
		left: 200px;
	}
}

#pref.shutoken #main #section-pref .character {
	position: absolute;
	top: 290px;
	left: 0px;
}

@media screen and (max-width: 600px) {	
	#pref.shutoken #main #section-pref .character {
		position: absolute;
		top: 210px;
		left: 0px;
	}
}



#pref #main #section-pref ul li a {
	display: block;
	width: 125px;
	height: 125px;
	line-height: 125px;
	text-align: center;
	border-radius: 40px;
	background-color: #9c9cd3;
	box-shadow: 0px 4px 0px 0px #5e6098;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-pref ul li a {
		width: 90px;
		height: 90px;
		line-height: 1;
		border-radius: 20px;
	}
}

#pref.tokai #main #section-pref ul li a {
	background-color: #5ebf6d;
	box-shadow: 0px 4px 0px 0px #249036;
}

#pref.kansai #main #section-pref ul li a {
	background-color: #ffa970;
	box-shadow: 0px 4px 0px 0px #ff8e43;
}

#pref.kyushu #main #section-pref ul li a {
	background-color: #b5a6e0;
	box-shadow: 0px 4px 0px 0px #907ec2;
}

#pref.chugoku #main #section-pref ul li a {
	background-color: #86aadd;
	box-shadow: 0px 4px 0px 0px #6389bf;
}

#pref.hokkaido #main #section-pref ul li a {
	background-color: #12b4ff;
	box-shadow: 0px 4px 0px 0px #008bca;
}

#pref.tohoku #main #section-pref ul li a {
	background-color: #a5d259;
	box-shadow: 0px 4px 0px 0px #97bd59;
}

#pref.kitakanto #main #section-pref ul li a {
	background-color: #56cb9a;
	box-shadow: 0px 4px 0px 0px #4db489;
}

#pref.hokuriku #main #section-pref ul li a {
	background-color: #fbc84c;
	box-shadow: 0px 4px 0px 0px #deb551;
}

#pref.shikoku #main #section-pref ul li a {
	background-color: #86dad5;
	box-shadow: 0px 4px 0px 0px #7ac8c4;
}

#pref.koshinetsu #main #section-pref ul li a {
	background-color: #dd9d6e;
	box-shadow: 0px 4px 0px 0px #bf8967;
}
#pref.shutoken #main #section-pref ul li a {
	background-color: #f9a6a0;
	box-shadow: 0px 4px 0px 0px #ea928b;
}

#pref #main #section-pref li:hover a,
#pref #main #section-pref .active a {
	background-color: #907ec2;
	box-shadow: 0px 4px 0px 0px #292c73;
	opacity: 1;
}

#pref #main #section-pref li:hover a {
  animation: hover 0.5s ease-in;
}

@media screen and (max-width: 600px) {
	#pref #main #section-pref li:hover a {
  		animation: none;
	}
}

#pref.tokai #main #section-pref li:hover a,
#pref.tokai #main #section-pref .active a {
	background-color: #249036;
	box-shadow: 0px 4px 0px 0px #276f33;
}

#pref.kansai #main #section-pref li:hover a,
#pref.kansai #main #section-pref .active a {
	background-color: #ff7d26;
	box-shadow: 0px 4px 0px 0px #ed6103;
}

#pref.kyushu #main #section-pref li:hover a,
#pref.kyushu #main #section-pref .active a {
	background-color: #907ec2;
	box-shadow: 0px 4px 0px 0px #72639e;
}

#pref.chugoku #main #section-pref li:hover a,
#pref.chugoku #main #section-pref .active a {
	background-color: #457ccb;
	box-shadow: 0px 4px 0px 0px #1d57a9;
}

#pref.tohoku #main #section-pref li:hover a,
#pref.tohoku #main #section-pref .active a {
	background-color: #74ba00;
	box-shadow: 0px 4px 0px 0px #609a00;
}

#pref.kitakanto #main #section-pref li:hover a,
#pref.kitakanto #main #section-pref .active a {
	background-color: #1db978;
	box-shadow: 0px 4px 0px 0px #129b62;
}

#pref.hokuriku #main #section-pref li:hover a,
#pref.hokuriku #main #section-pref .active a {
	background-color: #f9b000;
	box-shadow: 0px 4px 0px 0px #d09507;
}

#pref.shikoku #main #section-pref li:hover a,
#pref.shikoku #main #section-pref .active a {
	background-color: #36c1b9;
	box-shadow: 0px 4px 0px 0px #21a49c;
}

#pref.koshinetsu #main #section-pref li:hover a,
#pref.koshinetsu #main #section-pref .active a {
	background-color: #cf7431;
	box-shadow: 0px 4px 0px 0px #a45726;
}
#pref.shutoken #main #section-pref li:hover a,
#pref.shutoken #main #section-pref .active a {
	background-color: #ed6e65;
	box-shadow: 0px 4px 0px 0px #cc4c43;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-pref li a img {
		width: 100%;
	}
}

#pref #main #section-pref .back {
	position: absolute;
	bottom: 0;
	left: 0;
}

#pref #main #section-pref .back a:hover {
	display: block;
	opacity: 1;
	animation: hover 0.5s ease-in;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-pref .back a:hover {
		animation: none;
	}
}

#pref #main #section-job {
	float: right;
	width: 360px;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-job {
		float: none;
		width: auto;
	}
}

#pref #main #section-job h2 {
	text-align: center;
	margin-bottom: 30px;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-job h2 {
		margin-bottom: 20px;
	}
}

#pref #main #section-job ul li a {
	border: 4px solid #5e6098;
	border-radius: 20px;
	padding: 0px;
	background-color: #fff;
	display: block;
	margin-top: 12px;
	position: relative;
	font-size: 16px;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-job ul li a {
		border: 2px solid #5e6098;
		border-radius: 10px;
		margin-top: 10px;
	}
}

#pref #main #section-job ul li a:hover {
  animation: hover 0.5s ease-in;
  opacity: 1;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-job ul li a:hover {
	  animation: none;
	}
}

#pref.tokai #main #section-job ul li a {
	border-color: #249036;
}

#pref.kansai #main #section-job ul li a {
	border-color: #ff7d26;
}

#pref.kyushu #main #section-job ul li a {
	border-color: #907ec2;
}

#pref.chugoku #main #section-job ul li a {
	border-color: #457ccb;
}

#pref.hokkaido #main #section-job ul li a {
	border-color: #1fa4f6;
}

#pref.tohoku #main #section-job ul li a {
	border-color: #74ba00;
}

#pref.kitakanto #main #section-job ul li a {
	border-color: #1db978;
}

#pref.hokuriku #main #section-job ul li a {
	border-color: #f9b000;
}

#pref.shikoku #main #section-job ul li a {
	border-color: #36c1b9;
}

#pref.koshinetsu #main #section-job ul li a {
	border-color: #cf7431;
}

#pref.chugoku #main #section-job ul li a {
	border-color: #457ccb;
}

#pref.shutoken #main #section-job ul li a {
	border-color: #ed6e65;
}


#pref #main #section-job ul li .copy {
	color: #fff;
	margin-bottom: 0px;
	font-weight: bold;
	font-size: 14px;
	padding: 8px 0 8px 90px;
	border-radius: 10px 10px 0 0;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-job ul li .copy {
		font-size: 12px;
		padding: 5px 0 5px 75px;
		border-radius: 5px 5px 0 0;
	}
}

#pref.tokai #main #section-job ul li .copy {
	background-color: #249036;
}

#pref.kansai #main #section-job ul li .copy {
	background-color: #ff7d26;
}

#pref.kyushu #main #section-job ul li .copy {
	background-color: #907ec2;
}

#pref.chugoku #main #section-job ul li .copy {
	background-color: #457ccb;
}

#pref.hokkaido #main #section-job ul li .copy {
	background-color: #1fa4f6;
}

#pref.tohoku #main #section-job ul li .copy {
	background-color: #74ba00;
}

#pref.kitakanto #main #section-job ul li .copy {
	background-color: #1db978;
}

#pref.hokuriku #main #section-job ul li .copy {
	background-color: #f9b000;
}

#pref.shikoku #main #section-job ul li .copy {
	background-color: #36c1b9;
}

#pref.koshinetsu #main #section-job ul li .copy {
	background-color: #cf7431;
}

#pref.shutoken #main #section-job ul li .copy {
	background-color: #ed6e65;
}

#pref #main #section-job ul li .pref {
	position: absolute;
	top: 4px;
	left: 6px;
	color: #fff;
	width: 76px;
	line-height: 28px;
	text-align: center;
	border-radius: 14px;
	font-size: 14px;
	font-weight: bold;
	background-color: #ffa970;
	color: #fff;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-job ul li .pref {
		width: 60px;
		font-size: 12px;
		line-height: 22px;
		border-radius: 11px;
	}
}

#pref.tokai #main #section-job ul li .pref {
	background-color: #5ebf6d;
}

#pref.kansai #main #section-job ul li .pref {
	background-color: #ffa970;
}

#pref.kyushu #main #section-job ul li .pref {
	background-color: #b5a6e0;
}

#pref.chugoku #main #section-job ul li .pref {
	background-color: #8fb0e0;
}

#pref.hokkaido #main #section-job ul li .pref {
	background-color: #65ceff;
}

#pref.tohoku #main #section-job ul li .pref {
	background-color: #acd666;
}

#pref.kitakanto #main #section-job ul li .pref {
	background-color: #60cea0;
}

#pref.hokuriku #main #section-job ul li .pref {
	background-color: #fbc84c;
}

#pref.shikoku #main #section-job ul li .pref {
	background-color: #68d1cb;
}

#pref.koshinetsu #main #section-job ul li .pref {
	background-color: #e2ac83;
}

#pref.shutoken #main #section-job ul li .pref {
	background-color: #f9a6a0;
}


#pref #main #section-job ul li .title {
	padding: 5px 45px 5px 12px;
	position: relative;
	font-size: 16px;
	line-height: 24px;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-job ul li .title {
		font-size: 13px;
		line-height: 20px;
	}
}

#pref #main #section-job ul li .title:after {
	content: "";
	width: 24px;
	height: 24px;
	background-image: url(../images/pref/job_arrow_pc.png);
	position: absolute;
	top: 50%;
	right: 12px;
	margin-top: -12px;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-job ul li .title:after {
		width: 17px;
		height: 17px;
		background-image: url(../images/pref/job_arrow_sp.png);
		background-size: 17px;
		margin-top: -8px;
	}
}



#pref #main #section-corporation h2 {
	text-align: center;
	margin-bottom: 30px;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-corporation h2 {
		text-align: center;
		margin-bottom: 15px;
	}
}

#pref #main #section-corporation ul {
	overflow: hidden;
	margin: 0 -8px 0 -7px;
	text-align: center;
	font-size: 0;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-corporation ul {
		margin-top: -12px;
	}
}

#pref #main #section-corporation ul li {
	width: 33.333333%;
	padding: 0 8px 0 7px;
	float: left;
	font-size: 10px;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-corporation ul li {
		width: 49%;
		display: inline-block;
		float: none;
		margin-top: 12px;
	}
}

#pref #main #section-corporation ul li a {
	display: block;
	background-color: #fff;
	line-height: 108px;
	border-radius: 8px;
	text-align: center;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-corporation ul li a {
		line-height: 60px;
	}
}

#pref #main #section-feature {
	margin-top: 50px;
	margin-bottom: 50px;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-feature {
		margin-top: 30px;
		margin-bottom: 30px;
	}
}

#pref #main #section-feature h2 {
	position: relative;
	text-align: center;
	z-index: 1;
}

#pref #main #section-feature h2:before {
	position: absolute;
	top: 50%;
	left: 0;
	border: 4px solid #ff7d26;
	border-right: none;
	border-bottom: none;
	border-radius: 20px 0 0 0;
	content: "";
	width: 200px;
	height: 100%;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-feature h2:before {
		width: 30px;
		border-radius: 10px 0 0 0;
	}
}

#pref.tokai #main #section-feature h2:before {
	border-color: #249036;
}

#pref.kyushu #main #section-feature h2:before {
	border-color: #907ec2;
}

#pref.chugoku #main #section-feature h2:before {
	border-color: #457ccb;
}

#pref.hokkaido #main #section-feature h2:before {
	border-color: #1fa4f6;
}

#pref.tohoku #main #section-feature h2:before {
	border-color: #74ba00;
}

#pref.kitakanto #main #section-feature h2:before {
	border-color: #1db978;
}

#pref.hokuriku #main #section-feature h2:before {
	border-color: #f9b000;
}

#pref.shikoku #main #section-feature h2:before {
	border-color: #36c1b9;
}

#pref.koshinetsu #main #section-feature h2:before {
	border-color: #cf7431;
}

#pref.shutoken #main #section-feature h2:before {
	border-color: #ed6e65;
}

#pref #main #section-feature h2:after {
	position: absolute;
	top: 50%;
	right: 0;
	border: 4px solid #ff7d26;
	border-left: none;
	border-bottom: none;
	border-radius: 0 20px 0 0;
	content: "";
	width: 200px;
	height: 100%;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-feature h2:after {
		width: 30px;
		border-radius: 0 10px 0 0;
	}
}


#pref.tokai #main #section-feature h2:after {
	border-color: #249036;
}

#pref.kyushu #main #section-feature h2:after {
	border-color: #907ec2;
}

#pref.chugoku #main #section-feature h2:after {
	border-color: #457ccb;
}

#pref.hokkaido #main #section-feature h2:after {
	border-color: #1fa4f6;
}

#pref.tohoku #main #section-feature h2:after {
	border-color: #74ba00;
}

#pref.kitakanto #main #section-feature h2:after {
	border-color: #1db978;
}

#pref.hokuriku #main #section-feature h2:after {
	border-color: #f9b000;
}

#pref.shikoku #main #section-feature h2:after {
	border-color: #36c1b9;
}

#pref.koshinetsu #main #section-feature h2:after {
	border-color: #cf7431;
}

#pref.shutoken #main #section-feature h2:after {
	border-color: #ed6e65;
}

#pref #main #section-feature h2 a:hover {
	display: inline-block;
	animation: hover 0.5s ease-in;
	opacity: 1;
}

#pref #main #section-feature .container {
	position: relative;
	border: 4px solid #ff7d26;
	border-radius: 0 0 20px 20px;
	border-top: none;
	padding: 35px;
/*
	padding: 0 35px 35px;
*/
	background-color: #fff;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-feature .container {
		padding: 20px;
		border-radius: 0 0 10px 10px;
	}
}


#pref.tokai #main #section-feature .container {
	border-color: #249036;
}

#pref.kyushu #main #section-feature .container {
	border-color: #907ec2;
}

#pref.chugoku #main #section-feature .container {
	border-color: #457ccb;
}

#pref.hokkaido #main #section-feature .container {
	border-color: #1fa4f6;
}

#pref.tohoku #main #section-feature .container {
	border-color: #74ba00;
}

#pref.kitakanto #main #section-feature .container {
	border-color: #1db978;
}

#pref.hokuriku #main #section-feature .container {
	border-color: #f9b000;
}

#pref.shikoku #main #section-feature .container {
	border-color: #36c1b9;
}

#pref.koshinetsu #main #section-feature .container {
	border-color: #cf7431;
}

#pref.shutoken #main #section-feature .container {
	border-color: #ed6e65;
}

#pref #main #section-feature .container:before {
	content: "";
	display: block;
	background-color: #fff;
	position: absolute;
	border-radius: 20px 20px 0 0;
	width: 100%;
	height: 20px;
	top: -18px;
	left: 0;
	z-index: 0;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-feature .container:before {
		content: "";
		display: block;
		background-color: #fff;
		position: absolute;
		border-radius: 10px 10px 0 0;
		width: 100%;
		height: 20px;
		top: -12px;
	}
}

#pref #main #section-feature .container:after {
	content: "";
	display: block;
	clear: both;
}

#pref #main #section-feature .container .map {
	float: left;
	text-align: center;
	width: 300px;
	padding-top: 10px;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-feature .container .map {
		float: none;
		text-align: center;
		width: auto;
		padding-top: 0px;
		margin-bottom: 15px;
	}
}

#pref.chugoku #main #section-feature .container .map {
	padding-top: 80px;
}

@media screen and (max-width: 600px) {	
	#pref.chugoku #main #section-feature .container .map {
		padding-top: 0;
	}
}

#pref.hokkaido #main #section-feature .container .map {
	padding-top: 45px;
}

@media screen and (max-width: 600px) {	
	#pref.hokkaido #main #section-feature .container .map {
		padding-top: 0;
	}
}

#pref.kitakanto #main #section-feature .container .map {
	padding-top: 50px;
}

@media screen and (max-width: 600px) {	
	#pref.kitakanto #main #section-feature .container .map {
		padding-top: 0;
	}
}

#pref.hokuriku #main #section-feature .container .map {
	padding-top: 10px;
}

@media screen and (max-width: 600px) {	
	#pref.hokuriku #main #section-feature .container .map {
		padding-top: 0;
	}
}

#pref.shikoku #main #section-feature .container .map {
	padding-top: 60px;
}

@media screen and (max-width: 600px) {	
	#pref.shikoku #main #section-feature .container .map {
		padding-top: 0;
	}
}


#pref #main #section-feature .container section {
	margin-left: 330px;
	margin-bottom: 30px;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-feature .container section {
		margin-left: 0px;
		margin-bottom: 20px;
	}
}

#pref #main #section-feature .container section h3 {
	margin-bottom: 20px;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-feature .container section h3 {
		margin-bottom: 10px;
	}
}

#pref #main #section-feature .container section ul li {
	margin-top: 10px;
	font-size: 16px;
	margin-left: 1em;
	text-indent: -1em;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-feature .container section ul li {
		margin-top: 5px;
		font-size: 11px;
		margin-left: 1em;
		text-indent: -1em;
	}

}

#pref #main #section-feature .container section ul li:before {
	content: "\30FB";
}

#pref #main #section-feature .container .more {
	margin-left: 330px;
	margin-top: -15px;
}

@media screen and (max-width: 600px) {	
	#pref #main #section-feature .container .more {
		margin-left: 0px;
		margin-top: -5px;
		text-align: center;
	}
}


#pref #main #section-feature .container .more a:hover {
	display: inline-block;
	animation: hover 0.5s ease-in;
	opacity: 1;
}