@charset "UTF-8";

.wrapper {background: url(/recruit/sales_department/img/bg_index01_pc.jpg) no-repeat center top;}
.jumbotron {padding: 142px 0 116px;}
.ledeTxtArea{
	margin-top: 48px;
}
.ledeTxtArea h2{
	margin-bottom: 35px;
	text-align: center;
	color: #1fa8e2;
	font-size: 4.8rem;
}
.ledeTxtArea p{
	line-height: 1.6;
	text-align: center;
	color: #000000;
	font-size: 2.4rem;
}
.ledeTxtArea .frameBox{
	margin-top: 40px;
	padding: 1em;
	border: 2px solid #1fa8e2;
	border-radius: 75px;
}
.ledeTxtArea .frameBox p{
	line-height: 1.6;
	color: #1fa8e2;
	font-weight: bold;
	font-size: 2.0rem;
}
.ledeTxtArea .frameBox .label{
	display: block;
	width: 414px;
	margin: 1em auto;
	padding: .5em;
	background-color: #1fa8e2;
	border-radius: 30px;
	text-align: center;
	line-height: 1.6;
	color: #ffffff;
	font-size: 2.0rem;
}

.inner.bg{}
.tblData{margin-top: 35px;}
.tblData h2{
	padding: .5em 0;
	background-color: #7e7059;
	text-align: center;
	color: #ffffff;
	font-size: 1.8rem;
}
.tblData h2 span{font-weight: bold;}
.tblData > dl{
	display: table;
	width: 100%;
	background-color: #f9f7ed;
	border-bottom: 1px solid #bebe9c;
}
.tblData > dl *{
	line-height: 1.533333333333333;
	color: #000000;
	font-size: 1.5rem;
}
.tblData > dl > dt{
	display: table-cell;
	width: 170px;
	padding: 1em;
	vertical-align: top;
	color: #7e7059;
}
.tblData > dl > dd{
	display: table-cell;
	padding: 1em;
	vertical-align: top;
}

.tblData > dl > dd{
}
.tblData dd p{
}
.tblData > dl dd li{
}
.tblData dd .indentTxt{
	padding-left: 1em;
	text-indent: -1em;
}
.tblData dd .indentTxt p{
	text-indent: 0em;
}
.tblData dd .indentTxt ul{
	/*text-indent: 0em;*/
}
.tblData dd .parag{margin-top: 1.5em;}
.tblData dd > ul.sup li{
	line-height: 1.461538461538462;
	font-size: 1.3rem;
}
.tblData dd.map p{display: inline-block;}
.tblData dd.map .btn{
	display: inline-block;
	margin-left: 5em;
}

.infoArea{
	margin-top: 40px;
	background: url(/recruit/sales_department/img/bg_index02_pc.jpg) no-repeat center center;
}
.infoArea .inner{
	width: 980px;
	margin: auto;
	padding: 2em 0 3em 275px;
}
.infoArea h3{
	padding-left: 85px;
	line-height: 1.622800875273523;
	color: #ffffff;
	font-size: 2.3rem;
}
.infoArea .btn{
	margin-top: 22px;
	line-height: 1;
}
.infoArea p{
	line-height: 2.507714285714286;
	color: #ffffff;
	font-size: 1.4rem;
}
.infoArea p strong{
	display: block;
	margin-top: 1em;
	line-height: 1.545454545454545;
	font-weight: bold;
	font-size: 2.2rem;
}
.infoArea p em{
	display: block;
	line-height: 1.545454545454545;
	font-size: 2.2rem;
}
.infoArea ul{
	margin-top: 1em;
	line-height: 1.5;
	color: #ffffff;
	font-size: 1.2rem;
}
.infoArea .indentTxt{
	padding-left: 1em;
	text-indent: -1em;
}
.infoArea li{}
.btnTel{margin:22px auto 0;}
.btnTel a{
    display: block;
    width: 427px;
    padding: .25em 1em .16em;
    border-radius: 8px;
    border: 1px solid #1fc8e5;
    background-color: #fff;
    font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif;
    line-height: 1.5;
    text-decoration: none;
    text-align: center;
    color: #1fc8e5;
    /* font-weight: bold; */
	font-size: 3.861rem
}
.btnTel a:hover{
	opacity: .7;
}
.btnTel img{
	padding-right: 10px;
}
.btnTel img.pcItem{
	display: inline-block;
}
.btnTel img.spItem{
	display: none;
}


@media (max-width: 670px) {
	.wrapper {
		margin-bottom: 4em;
		background: none;
	}
	.jumbotron {padding: 0;}
	.jumbotron+.inner{
		margin-top:0;
		padding: 2rem 6%;
		background: none;
	}
	.ledeTxtArea{margin-top: 0;}
	.ledeTxtArea h2{
		margin-bottom: .5em;
		line-height: 1.523809523809524;
		font-size: 2.1rem;
	}
	.ledeTxtArea p{font-size: 1.6rem;}
	.ledeTxtArea .frameBox{
		margin-top: 1em;
		padding: 0;
	}
	.ledeTxtArea .frameBox .inner{padding: 1em;}
	.ledeTxtArea .frameBox p{font-size: 1.5rem;}
	.ledeTxtArea .frameBox .label{
		margin: 0;
		width: 100%;
		border-radius: 0 0 6px 6px;
		line-height: 1.5;
		font-size: 1.5rem;
	}

	.inner.bg{
		padding: 0 6% 2.5em;
		background-color: #f9f7ed;
	}
	.tblData{}
	.tblData h2{
		background-color: transparent;
		color: #000;
		line-height: 2.0;
		font-size: 1.5rem;
	}
	.tblData > dl{
		display: block;
		background-color: #fff;
		border-bottom: none;
	}
	.tblData> dl > dt,.tblData> dl > dd{display: block;}
	.tblData> dl > dt{
		width: 100%;
		padding: .5em;
		background-color: #ebe5c4;
		text-align: center;
		font-weight: bold;
	}
	.tblData > dd{}
	.tblData > dd p{}
	.tblData > dd ul{}
	.tblData > dd ol{}
	.tblData dd .indentTxt{
	}
	.tblData dd .parag{
		margin-top: 1.5em;
	}
	.tblData dd > ul.sup{}
	.tblData dd dd{margin-top: 1em;}
	.tblData dd.map .btn{
		margin: 1em auto;
		padding: 0 6%;
	}
	.infoArea{
		margin-top: 0;
		background: rgba(54, 203, 229,.8) url(/recruit/sales_department/img/bg_index02_sp.jpg) no-repeat;
		background-size: 100% 100%;
	}
	.infoArea .inner{
		width: 100%;
		margin: auto;
		padding: 1em 6%;
	}
	.infoArea h3{
		padding-left: 0;
		line-height: 2.060055555555556;
		text-align: center;
		font-size: 1.8rem;
	}
	.infoArea .btn{
		margin-top: .5em;
		padding: 0 9%;
	}
	.infoArea p{
		text-align: center;
	}
	.infoArea p strong,.infoArea p em{
		line-height: 1.388888888888889;
		text-align: left;
		font-size: 1.8rem;
	}
	.infoArea p strong{
		margin-top: .5em;
	}
	.infoArea p em{
		margin-top: 0;
	}
	.infoArea ul{font-size: 1.0rem;}
	.infoArea .indentTxt{}
	.infoArea li{}
	.btnTel{
		margin:1em auto 0;
		padding: 0 9%;
	}
	.btnTel a{
		width: 100%;
		margin: auto;
		border-radius: 6px;
		line-height: 1.2;
	font-size: 2.4rem;
	}
	.btnTel img{
		padding-right: 5px;
	}
	.btnTel img.pcItem{
		display: none;
	}
	.btnTel img.spItem{
		display: inline-block;
	}




}
@media (max-width: 320px) {}