@charset "utf-8";

/*** mynavi CSS Document *************************************

	base.css
	+お客様編集用CSS+
	新たにスタイルを追記する時はこのファイルにお願い致します。

----------------------------------------------------------------***/

#header {
	padding-bottom: 0;
	height: 62px;
}

#header div.container div.fLeft {
	width: auto;
}

#header div.container div.fRight {
	padding-top: 0;
	width: 740px;
}

#header p.logo {
	margin-top: 5px !important;
}

div.fRight h1 {
	color: #000;
	font-size: 14px;
	letter-spacing: normal;
	padding-bottom: 5px;
	padding-top: 13px;
}

ol.topicpath {
	color: #000;
	font-size: 12px;
	height: auto;
	margin: 0;
	width: auto;
}

div.main h2 {
	padding-top: 0;
}

div.columnSingle div.main {
	margin-top: 0;
}

.tanpatsuContainer {
	margin: 0 auto;
	position: relative;
	width: 950px;
}

.tanpatsuJumbotron {
	background-image: url(../tanpatsu-img/jumbotron-bg.jpg);
	background-position: center top;
	background-size: cover;
	padding-bottom: 35px;
	padding-top: 190px
}

.tanpatsuJumbotronTtl {
	padding-bottom: 30px !important;
	text-align: center;
}

.tanpatsuPr {
	background-color: rgba(255, 255, 255, .8);
	padding: 15px 130px;
}

.tanpatsuPrList li {
	padding-top: 8px;
	line-height: 1.2;
	text-align: center;
}

.tanpatsuPrList li:first-child {
	padding-top: 0;
}

.tanpatsuPrList li a {
	color: #3e3a39;
	font-size: 15px;
	text-decoration: none;
}

.tanpatsuPrList li a:hover {
	text-decoration: underline;
}

.tanpatsuTab {
	margin-top: -10px;
}

.tanpatsuTabList li {
	border-top: 10px solid transparent;
	float: left;
	padding-left: 16px;
}

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

.tanpatsuTabList li span {
	background-color: #edeae3;
	cursor: pointer;
	display: block;
	font-size: 16px;
	font-weight: bold;
	line-height: 50px;
	text-align: center;
	width: 122px;
}

.tanpatsuTabList li:hover,
.tanpatsuTabListOn {
	border-top: none !important;
}

.tanpatsuTabList li span:hover,
.tanpatsuTabListOn span {
	background-image: url(../tanpatsu-img/tab-list-on-bg.png);
	line-height: 60px !important;
	font-size: 18px !important;
}

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

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

.tanpatsuPrefList {
	display: none;
	margin-left: -9px;
	margin-right: -9px;
}

.tanpatsuPrefListOn {
	display: inherit;
}

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

.tanpatsuPrefList li a {
	background-color: #fff;
	background-image: url(../tanpatsu-img/angle-right-03.png);
	background-position: 10px center;
	background-repeat: no-repeat;
	border: 2px solid #40210f;
	color: #40210f;
	display: block;
	font-size: 20px;
	font-weight: bold;
	line-height: 65px;
	text-align: center;
	text-decoration: none;
	transition: .5s;
	width: 222px;
}

.tanpatsuPrefList li a:hover {
	opacity: .6;
}

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

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

.tanpatsuWageList {
	margin: 0 auto;
}

.tanpatsuWageList > li:first-child {
	margin-left: -1px;
	margin-right: 20px;
}

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

.tanpatsuWageListChild {
	background-color: #fff;
	border: 1px solid #000;
	border-top: none;
	display: none;
	position: absolute;
	width: 465px;
	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;
}

.tanpatsuKodawariList {
	margin-left: -10px;
	margin-right: -9px;
}

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

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

.tanpatsuKodawariList li a {
	background-color: #40210f;
	background-image: url(../tanpatsu-img/angle-right-04.png);
	background-position: 10px center;
	background-repeat: no-repeat;
	color: #fff;
	display: block;
	font-size: 18px;
	font-weight: bold;
	line-height: 35px;
	text-align: center;
	text-decoration: none;
	transition: .5s;
	width: 304px;
}

.tanpatsuKodawariList li a:hover {
	opacity: .6;
}

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

.tanpatsuJobList {
	margin-left: -10px;
	margin-right: -9px;
}

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

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

.tanpatsuJobList li a {
	background-color: #40210f;
	background-image: url(../tanpatsu-img/angle-right-04.png);
	background-position: 10px center;
	background-repeat: no-repeat;
	color: #fff;
	display: block;
	font-size: 18px;
	font-weight: bold;
	line-height: 35px;
	text-align: center;
	text-decoration: none;
	transition: .5s;
	width: 304px;
}

.tanpatsuJobList li a:hover {
	opacity: .6;
}

.tanpatsuBnr {
	background-image: url(../tanpatsu-img/bg-01.png);
	background-repeat: repeat;
	border-bottom: 5px solid #a8ab6c;
	padding-bottom: 48px;
	padding-top: 50px;
	text-align: center;
}

.tanpatsuBnr a {
	transition: .5s;
}

.tanpatsuBnr a:hover {
	opacity: .8;
}

.tanpatsuExample {
	background-image: url(../tanpatsu-img/bg-01.png);
	background-repeat: repeat;
	border-bottom: 5px solid #a8ab6c;
	padding-bottom: 50px;
	padding-top: 60px;
}

.tanpatsuExampleTtl {
	text-align: center;
}

.tanpatsuExampleList {
	background-image: url(../tanpatsu-img/example-list-bg.png);
	margin: 0 auto;
	margin-top: -28px;
	padding-top: 330px;
	width: 1100px;
}

.tanpatsuExampleList li {
	float: left;
	margin-left: 25px;
	width: 300px;
}

.tanpatsuExampleList li:first-child {
	margin-left: 75px;
}

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

.tanpatsuExampleListTtl:after {
	background-color: #a8ab6c;
	bottom: 15px;
	content: "";
	height: 3px;
	left: 50%;
	margin-left: -25px;
	position: absolute;
	width: 50px;
}

.tanpatsuExampleListTxt {
	font-size: 15px;
	line-height: 1.7;
	padding-bottom: 30px;
}

.tanpatsuExampleListBtn a {
	background-color: #40210f;
	background-image: url(../tanpatsu-img/angle-right-02.png);
	background-position: right 10px center;
	background-repeat: no-repeat;
	border-radius: 5px;
	color: #fff;
	display: table-cell;
	font-size: 16px;
	height: 70px;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	transition: .5s;
	width: 300px;
	vertical-align: middle;
}

.tanpatsuExampleListBtn a:hover {
	opacity: .6;
}

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

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

.tanpatsuVoiceList {
	background: url(../tanpatsu-img/voice-list-bg.png) no-repeat;
	margin: 0 auto;
	padding-top: 270px;
	width: 1064px;
	min-height:380px;
}

.tanpatsuVoiceList li {
	float: left;
	margin-left: 70px;
	width: 260px;
}

.tanpatsuVoiceList li:first-child {
	margin-left: 75px;
}

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

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

.tanpatsuVoiceListTtl:after {
	background-color: #a8ab6c;
	bottom: 15px;
	content: "";
	height: 5px;
	left: 50%;
	margin-left: -15px;
	position: absolute;
	width: 30px;
}

.tanpatsuVoiceListTxt {
	font-size: 15px;
	line-height: 1.7;
}

.tanpatsuQa {
	padding-bottom: 90px;
}

.tanpatsuQaList dt {
	background-repeat: no-repeat;
	color: #40210f;
	font-size: 21px;
	font-weight: bold;
	line-height: 70px;
	padding-bottom: 15px;
	padding-left: 85px;
}

.tanpatsuQaList dd {
	background-repeat: no-repeat;
	color: #40210f;
	font-size: 16px;
	line-height: 1.6;
	min-height: 70px;
	padding-left: 85px;
	padding-top: 10px;
}

.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: 30px;
	padding-bottom: 30px;
}

.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: 30px;
	padding-bottom: 30px;
}

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

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

.tanpatsuQaTtl {
	background-color: #a8ab6c;
	color: #fff;
	font-size: 26px;
	line-height: 55px;
	margin-bottom: 25px;
	text-align: center;
}

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

.tanpatsuAreaTtl {
	color: #fff;
	font-size: 25px;
	font-weight: bold;
	line-height: 1;
	padding-bottom: 20px;
	text-align: center;
}

.tanpatsuAreaTtl img {
	display: block;
	margin: 0 auto;
	margin-bottom: 10px;
}

.tanpatsuLink {
	margin: 0 auto;
	padding-bottom: 50px;
	padding-top: 150px;
	width: 770px;
}

.tanpatsuLinkTtl {
	border-bottom: 6px solid #edeae3;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 15px;
	padding-bottom: 15px;
	text-align: center;
}

.tanpatsuLinkList dt {
	position: absolute;
	font-size: 16px;
	font-weight: bold;
	padding-top: 6px;
}

.tanpatsuLinkList dd {
	border-bottom: 6px solid #edeae3;
	font-size: 14px;
	margin-bottom: 15px;
	line-height: 1.8;
	padding-bottom: 15px;
	padding-left: 100px;
}

.tanpatsuLinkList dd:last-child {
	margin-bottom: 0;
}

.tanpatsuLinkList dd a {
	color: #036eb7;
}

.tmask {
	background: #000;
	display: none;
	height: 100%;
	left: 0px;
	position:absolute;
	top: 0px;
	width: 100%;
	z-index: 800;
}

.tbox {
	background-color: #fff;
	display: none;
	position: absolute;
	z-index: 900;
}

.tclose {
	background: url(../tanpatsu-img/modal-map-close.png);
	cursor: pointer;
	display: block;
	height: 45px;
	position: absolute;
	right: 30px;
	top: 30px;
	width: 45px;
	z-index: 9;
}

.modalHeader {
	border-left: 5px solid #a8ab6c;
	margin-left: 55px;
	padding-left: 15px;
	padding-top: 65px;
}

.modalTtl {
	color: #40210f;
	font-size: 26px;
	font-weight: bold;
	line-height: 1;
}

.modalMapBlock{
	background-image: url(../tanpatsu-img/modal-map-bg.png);
	background-repeat: no-repeat;
	margin-left: 95px;
	padding-bottom: 60px;
}

.modalMapBlock img {
	vertical-align: bottom;
}

.modalMapBlockInner {
	background-image: url(../tanpatsu-img/modal-map-bg.png);
	background-repeat: no-repeat;
}

.modalListArea {
	margin: 0 auto;
	padding-top: 50px;
	width: 510px;
}

.modalListArea li {
	float: left;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
}

.modalListArea li a {
	background-color: #fff;
	background-image: url(../tanpatsu-img/angle-right-03.png);
	background-position: 10px center;
	background-repeat: no-repeat;
	border: 2px solid #40210f;
	color: #40210f;
	display: block;
	font-size: 20px;
	font-weight: bold;
	line-height: 55px;
	text-align: center;
	text-decoration: none;
	transition: .5s;
	width: 150px;
}

.modalListArea li a:hover {
	opacity: .6;
}


.adbnr{
	width:960px;
	margin:20px auto 10px auto;
	background:rgba(242,242,242,0.76);
	padding:0 0 5px 0;
}
.adbnr ul li{
	padding:5px 10px;
	box-sizing:border-box;
  text-align: center;
}
.adbnr h3{
	background:#abae71;
	padding:10px 0;
	color:#fff;
	text-align:center;
	margin:0 0 10px 0;
}

#area section{
	width:960px;
	margin:0 auto;
}

#area section dl{
	width: 305px;
	height: 150px;
	/*background: #40210f;*/
	background:#ABAE71;
	border-radius: 5px;
	float: left;
	padding: 5px;
	box-sizing: border-box;
	margin: 0 7px 14px 7px;
}
#area section dl dt{
	font-size: 18px;
	padding: 0 0 5px 0;
	text-align: center;
	/*color: #fff;*/
	color:#40210f;
}
#area section dl dd ul li{
	width: 90px;
	float: left;
	margin: 0 3px 4px 4px;
}
#area section dl dd ul li a{
	display: block;
	/*color: #444;*/
	color:#40210f;
	border-radius: 5px;
	background: url(../img/arrow.png) no-repeat 98% center #fff;
	border-bottom:2px solid #ccc;
	font-size: 14px;
	text-align: center;
	padding: 5px 0;
}
#area section dl dd ul li a:hover{
	background: url(../img/arrow_w.png) no-repeat 98% center #40210f;
	border-bottom:2px solid #40210f;
	/*color: #444;*/
	color:#fff;
	text-decoration: none;
	opacity: 1;
}
.ie #area section dl dd ul li a{
	padding-top: 8px;
}

.areabox{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.areabox .accordion {
	width: 130px;
}
.areabox .accordion > li p {
	display:block;
	padding: 18px;
	width: 100%;
	font-size:14px;
	box-sizing: border-box;
}
.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  .accordion > li a:hover {
	background-color: #ddd;
	opacity:1;
}

.areabox  .accordion > li.open {
	color: #333;
	background: #FFF;
}

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

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

/* 企業向けリンク \*/
.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;
		}