@charset "UTF-8";

.tanpatsu img,
.remodal img {
	height: auto;
	max-width: 100%;
	vertical-align: bottom;
}

.remodal-wrapper {
	padding-left: 0;
	padding-right: 0;
}

.remodal {
	background-color: rgba(0, 0, 0, .7);
	padding: 45px 0 15px 0;
}

.tanpatsuModalClose {
	position: absolute;
	right: 10px;
	top: 10px;
}

.tanpatsuModalClose img {
	width: 30px;
}

.tanpatsuModalTtl {
	color: #fff;
	font-size: 20px;
	font-weight: normal;
	padding-bottom: 20px;
	text-align: center;
}

.tanpatsuModalList {
	margin: 0 auto;
	padding-bottom: 20px;
	width: 290px;
}

.tanpatsuModalList li {
	float: left;
	padding-bottom: 8px;
	padding-left: 4px;
	padding-right: 4px;
}

.tanpatsuModalList li a {
	background-image: url(../tanpatsu-img/angle-right-03.png);
	background-position: right 5px center;
	background-size: 7px auto;
	background-repeat: no-repeat;
	border: 2px solid #fff;
	color: #fff;
	display: block;
	line-height: 43px;
	width: 133px;
}


.tanpatsuHeader img {
	width: 100%;
}

.tanpatsuPrTtl {
	background-color: #595757;
	color: #fff;
	font-size: 12px;
	line-height: 25px;
	text-align: center;
}

.tanpatsuPrList {
}

.tanpatsuPrList li {
	border-bottom: 1px solid #c8c9ca;
}

.tanpatsuPrList li a {
	background-image: url(../tanpatsu-img/angle-right-01.png);
	background-position: right 5px  center;
	background-repeat: no-repeat;
	background-size: 6px auto;
	display: block;
	padding: 10px 15px;
	text-decoration: underline;
}
.adbnr h3{
	background-color: #abae71;
	color: #fff;
	font-size: 12px;
	line-height: 25px;
	text-align: center;
}
.adbnr ul li{
	border-bottom: 1px solid #c8c9ca;
}
.adbnr ul li a{
	background-image: url(../tanpatsu-img/angle-right-01.png);
	background-position: right 5px  center;
	background-repeat: no-repeat;
	background-size: 6px auto;
	display: block;;
	padding: 10px 15px;
  text-align: center;
}

.tanpatsuTab {
	overflow-x: auto;
	overflow-y: hidden;
	width: 100%;
}

.tanpatsuTab ul li {
	background-color: #edeae3;
	color: #40210f;
	cursor: pointer;
	float: left;
	font-size: 15px;
	font-weight: bold;
	height: 50px;
	line-height: 50px;
	margin-left: 2px;
	position: relative;
	text-align: center;
}

.tanpatsuTab ul li:first-child {
	margin-left: 0;
}

.tanpatsuTab ul .on {
	background-image: url(../tanpatsu-img/tab-item-on-bg.png);
}

#kanto,
#kansai,
#tokai {
	width: 85px;
}

#hokkaido,
#hokuriku,
#shikoku,
#kyusyu {
	width: 117px;
}

.tanpatsuTab .slider {
	width: 762px;
	-webkit-overflow-scrolling: touch;
}

.tanpatsuTab .slider > * {
	-webkit-transform: translateZ(0px);
}

.tanpatsuTab::-webkit-scrollbar {
	display: none;
	height: 0 !important;
}

.tanpatsuPref {
	background-image: url(../../PC/tanpatsu-img/bg-02.png);
	padding-bottom: 10px;
	padding-top: 10px;
}

.tanpatsuPrefTtl {
	padding-bottom: 10px;
	text-align: center;
}

.tanpatsuPrefList {
	display: none;
	margin: 0 auto;
	width: 306px;
}

.tanpatsuPrefListOn {
	display: inherit;
}

.tanpatsuPrefList li {
	float: left;
	padding-bottom: 10px;
	padding-left: 8px;
	padding-right: 8px;
}

.tanpatsuPrefList li a {
	background-color: #fff;
	background-image: url(../tanpatsu-img/angle-right-04.png);
	background-position: 7px center;
	background-repeat: no-repeat;
	background-size: 7px auto;
	border: 2px solid #40210f;
	color: #40210f;
	display: block;
	font-size: 13px;
	font-weight: bold;
	line-height: 45px;
	text-align: center;
	text-decoration: none;
	width: 133px;
}

.tanpatsuWage {
	background-image: url(../tanpatsu-img/bg-03.png);
	padding-bottom: 10px;
	padding-top: 15px;
}

.tanpatsuWageTtl {
	padding-bottom: 15px;
	text-align: center;
}

.tanpatsuWageList {
	margin: 0 auto;
	width: 290px;
}

.tanpatsuWageList > li {
	margin-bottom: 10px;
}

.tanpatsuWageListHasChild {
	background-color: #40210f;
	background-image: url(../tanpatsu-img/angle-down-01.png);
	background-position: 7px 20px;
	background-repeat: no-repeat;
	background-size: 10px auto;
	color: #fff;
	cursor: pointer;
	font-size: 13px;
	font-weight: bold;
	line-height: 45px;
	position: relative;
	text-align: center;
	text-decoration: none;
	width: 290px;
}

.tanpatsuWageListChild {
	background-color: #fff;
	border: 1px solid #000;
	border-top: none;
	display: none;
	width: 288px;
	z-index: 99;
}

.tanpatsuWageListChild li a {
	border-top: 1px solid #000;
	color: #000;
	display: block;
	font-size: 16px;
	font-weight: normal;
	line-height: 40px;
	text-align: center;
}

.tanpatsuKodawari {
	background-image: url(../tanpatsu-img/bg-03.png);
	padding-bottom: 15px;
	padding-top: 5px;
}

.tanpatsuKodawariList {
	margin: 0 auto;
	width: 306px;
}

.tanpatsuKodawariTtl {
	padding-bottom: 15px;
	text-align: center;
}

.tanpatsuKodawariList li {
	float: left;
	padding-bottom: 10px;
	padding-left: 8px;
	padding-right: 8px;
}

.tanpatsuKodawariList li a {
	background-color: #40210f;
	background-image: url(../tanpatsu-img/angle-right-04.png);
	background-position: 7px center;
	background-repeat: no-repeat;
	background-size: 7px auto;
	color: #fff;
	display: block;
	font-size: 15px;
	font-weight: bold;
	line-height: 45px;
	text-align: center;
	text-decoration: none;
	width: 137px;
}

.tanpatsuJob {
	background-image: url(../tanpatsu-img/bg-03.png);
	padding-bottom: 15px;
	padding-top: 5px;
}

.tanpatsuJobTtl {
	padding-bottom: 15px;
	text-align: center;
}

.tanpatsuJobList {
	margin: 0 auto;
	width: 306px;
}

.tanpatsuJobList li {
	float: left;
	padding-bottom: 10px;
	padding-left: 8px;
	padding-right: 8px;
}

.tanpatsuJobList li a {
	background-color: #40210f;
	background-image: url(../tanpatsu-img/angle-right-04.png);
	background-position: 7px center;
	background-repeat: no-repeat;
	background-size: 7px auto;
	color: #fff;
	display: block;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.2;
	padding-bottom: 5px;
	padding-top: 5px;
	text-align: center;
	text-decoration: none;
	width: 137px;
}

.tanpatsuBnr {
	background-image: url(../tanpatsu-img/bg-01.png);
	padding: 15px 20px 30px 20px;
	text-align: center;
}

.tanpatsuExample {
	background-image: url(../tanpatsu-img/bg-01.png);
	padding-bottom: 50px;
}

.tanpatsuExampleTtl {
	padding-bottom: 30px;
	text-align: center;
}

.tanpatsuExampleList {
}

.tanpatsuExampleList li {
	border-top: 3px solid #a8ab6c;
	padding-bottom: 25px;
	padding-top: 25px;
}

.tanpatsuExampleList li:first-child {
	border-top: none;
	padding-top: 0;
}

.tanpatsuExampleListFig {
	padding-bottom: 15px;
	padding-left: 45px;
	padding-right: 45px;
	text-align: center;
}

.tanpatsuExampleListFig img{
	width:100%;
}

.tanpatsuExampleListTtl {
	color: #40210f;
	font-size: 14px;
	padding-bottom: 20px;
	position: relative;
	text-align: center;
}

.tanpatsuExampleListTtl:after {
	background-color: #a8ab6c;
	bottom: 10px;
	content: "";
	height: 4px;
	left: 50%;
	margin-left: -13px;
	position: absolute;
	width: 26px;
}

.tanpatsuExampleListTtl01:before {
	background-image: url(../tanpatsu-img/example-list-bg-01.png);
	background-size: contain;
	background-repeat: no-repeat;
	content: "";
	height: 56px;
	left: 20px;
	position: absolute;
	top: 0;
	width: 53px;
	z-index: 0;
}

.tanpatsuExampleListTtl02:before {
	background-image: url(../tanpatsu-img/example-list-bg-02.png);
	background-size: contain;
	background-repeat: no-repeat;
	content: "";
	height: 60px;
	position: absolute;
	right: 20px;
	top: 0;
	width: 59px;
	z-index: 0;
}

.tanpatsuExampleListTtl03:before {
	background-image: url(../tanpatsu-img/example-list-bg-03.png);
	background-size: contain;
	background-repeat: no-repeat;
	content: "";
	height: 60px;
	left: 20px;
	position: absolute;
	top: -10px;
	width: 59px;
	z-index: 0;
}

.tanpatsuExampleListTxt {
	font-size: 12px;
	line-height: 1.5;
	padding-bottom: 10px;
	padding-left: 45px;
	padding-right: 45px;
	position: relative;
	z-index: 2;
}

.tanpatsuExampleListBtn a {
	background-color: #40210f;
	background-image: url(../tanpatsu-img/angle-right-02.png);
	background-position: right 10px center;
	background-repeat: no-repeat;
	background-size: 7px auto;
	border-radius: 5px;
	color: #fff;
	display: block;
	font-size: 16px;
	line-height: 1.2;
	margin-left: 45px;
	margin-right: 45px;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
}

.tanpatsuVoice {
	background-image: url(../tanpatsu-img/bg-01.png);
}

.tanpatsuVoiceTtl {
	padding-bottom: 30px;
	text-align: center;
}

.tanpatsuVoiceList li {
	background-color: rgba(249, 247, 241, .6);
	border-radius: 10px;
	margin-bottom: 35px;
	margin-left: 45px;
	margin-right: 45px;
	padding-bottom: 15px;
}

.tanpatsuVoiceListFig {
	padding-bottom: 15px;
	position: relative;
	z-index: 2;
}

.tanpatsuVoiceListFig img {
	width: 100%;
}

.tanpatsuVoiceListTtl {
	color: #40210f;
	font-size: 14px;
	padding-bottom: 20px;
	position: relative;
	text-align: center;
}

.tanpatsuVoiceListTtl span {
	color: #3e3a39;
	display: block;
	font-size: 12px;
	font-weight: normal;
	padding-top: 5px;
	text-align: center;
}

.tanpatsuVoiceListTtl:after {
	background-color: #a8ab6c;
	bottom: 10px;
	content: "";
	height: 4px;
	left: 50%;
	margin-left: -13px;
	position: absolute;
	width: 26px;
}

.tanpatsuVoiceListTtl01:before {
	background-image: url(../tanpatsu-img/voice-list-bg-01.png);
	background-size: contain;
	background-repeat: no-repeat;
	content: "";
	height: 77px;
	left: -30px;
	position: absolute;
	top: -30px;
	width: 60px;
	z-index: 0;
}

.tanpatsuVoiceListTtl02:before {
	background-image: url(../tanpatsu-img/voice-list-bg-02.png);
	background-size: contain;
	background-repeat: no-repeat;
	content: "";
	height: 53px;
	position: absolute;
	right: -30px;
	top: 0;
	width: 63px;
	z-index: 0;
}

.tanpatsuVoiceListTtl03:before {
	background-image: url(../tanpatsu-img/voice-list-bg-03.png);
	background-size: contain;
	background-repeat: no-repeat;
	content: "";
	height: 58px;
	left: -30px;
	position: absolute;
	top: 0;
	width: 61px;
	z-index: 0;
}

.tanpatsuVoiceListTxt {
	font-size: 12px;
	line-height: 1.5;
	padding-left: 15px;
	padding-right: 15px;
}

.tanpatsuQa {
	padding-bottom: 20px;
}

.tanpatsuQaTtl {
	background-color: #a8ab6c;
	color: #fff;
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 15px;
	text-align: center;
}

.tanpatsuQaList {
}

.tanpatsuQaList dt {
	background-position: 15px top;
	background-repeat: no-repeat;
	background-size: 35px 35px;
	color: #40210f;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.2;
	min-height: 35px;
	padding-bottom: 15px;
	padding-left: 60px;
	padding-right: 15px;
}

.tanpatsuQaList dd {
	background-position: 15px top;
	background-repeat: no-repeat;
	background-size: 35px 35px;
	color: #40210f;
	font-size: 12px;
	line-height: 1.5;
	min-height: 35px;
	padding-left: 60px;
	padding-right: 15px;
}

.tanpatsuQaListQ1 {
	background-image: url(../tanpatsu-img/qa-q1.png);
}

.tanpatsuQaListA1 {
	background-image: url(../tanpatsu-img/qa-a1.png);
	border-bottom: 2px solid #dbdcdc;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

.tanpatsuQaListQ2 {
	background-image: url(../tanpatsu-img/qa-q2.png);
}

.tanpatsuQaListA2 {
	background-image: url(../tanpatsu-img/qa-a2.png);
	border-bottom: 2px solid #dbdcdc;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

.tanpatsuQaListQ3 {
	background-image: url(../tanpatsu-img/qa-q3.png);
}

.tanpatsuQaListA3 {
	background-image: url(../tanpatsu-img/qa-a3.png);
}

.tanpatsuArea {
	background-color: #40210f;
	padding-bottom: 15px;
	padding-top: 10px;
}

.tanpatsuAreaTtl {
	padding-bottom: 10px;
	text-align: center;
	color:#fff;
	font-size: 17px;
	font-weight: normal;
}

.tanpatsuAreaTtl img{
	width:40px;
	display: block;
	margin:0 auto 7px;
}

.tanpatsuAreaList {
	margin: 0 auto;
	width: 298px;
}

.tanpatsuAreaList li {
	float: left;
	padding-left: 6px;
}

.tanpatsuAreaList li:first-child {
	padding-left: 0;
}

.tanpatsuAreaList li img {
	width: 70px;
}

.tanpatsuAreaListOther {
	position: relative;
}

.tanpatsuAreaListOther select {
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	opacity: 0;
	display: block;
	width: 100%;
	height: 100%;
}


#area{
	padding: 20px;
	background: #fff;
}
#area section dl{
	width: 48%;
	background: #ABAE71;
	border-radius: 5px;
	float: left;
	padding: 5px;
	box-sizing: border-box;
	margin: 0 1% 2% 1%;
}
#area section dl:nth-child(2n+1){
	clear:both;
}
#area section dl dt{
	font-size: 18px;
	padding: 10px 0;
	text-align: center;
	color: #40210f;
}
#area section dl dd{
	display: none;
}
#area section dl dd ul li{
	width: 100%;
	margin: 0 0 2% 0;
}
#area section dl dd ul li a{
	display: block;
	color: #40210f;
	border-radius: 5px;
	background: url(../img/arrow.png) no-repeat 98% center #fff;
	font-size: 14px;
	text-align: center;
	padding: 10px 0;
}
.areamenu dd{
	display: none;
}

.areabox .accordion {
	width: 40%;
	float: left;
	margin: 0 0 20px 7%;
}
.areabox .accordion:nth-child(2n+1){
	clear: both;
}
.areabox .accordion > li p {
	display: block;
	padding: 20px;
}
.areabox .accordion > li {
	cursor: pointer;
	text-align: center;
	background-color: #FFF;
	border: 3px solid #2D2D2D;
	color: #333;
	border-radius: 10px;
}

.areabox .accordion > li a{
	padding: 15px 10px;
	display: block;
	color: #333;
	text-decoration: none;
}

.areabox .right {
	margin: 0 0 20px 0 !important;
}

.areabox ul li ul {
	display: none;
	color: #333;
	border-top: 3px solid #2D2D2D;
}
.areabox ul li ul li {
	border-bottom: 3px solid #2D2D2D;
	text-align: center;
}
.areabox ul li ul li:last-child {
	border-bottom: none;
}

.areabox:after{
	clear: both;
	content: "";
	display: block;
	height: 0px;
	font-size: 0;
	visibility: hidden;
}


.tanpatsuJumbotronTtl img{
	vertical-align: top;
	width:100%;
}

/* 企業向けリンク \*/
.linkForKigyo{
	text-decoration: none;
  margin: 5px 0px 10px 0px;
  text-align: center;
  font-weight: 400;
}
.linkForKigyo a{
  text-decoration: none;
  color: #000;
}
.linkForKigyo a:hover {
  font-weight: bold;
  color: #00aaee;
		}