/*------------------------------ お問い合わせ・ご相談は ------------------------------*/
.cl_ico {
	text-align: center;
}
.cl_catch {
	position: relative;
	margin: 10px 0;
	font-weight: bold;
	font-size: 15px;
	text-align: center;
}
.cl_catch::before {
	content: "";
	position: absolute;
	margin-top: 1px;
	margin-left: -23px;
	width: 15px;
	height: 15px;
	border-left: 2px solid #3a3a3a;
	transform: rotate(-40deg);
}
.cl_catch::after {
	content: "";
	position: absolute;
	margin-top: 1px;
	margin-left: 7px;
	width: 15px;
	height: 15px;
	border-bottom: 2px solid #3a3a3a;
	transform: rotate(-50deg);
}

#contents_left dt {
	padding: 0 10px;
	font-size: 13px;
	text-align: center;
}
#contents_left dd {
	position:relative;
	font-size:25px;
	font-family: 'Didact Gothic', sans-serif;
	letter-spacing:0.1em;
	text-align: center;
}
#contents_left dd i{
	margin-right: 7px;
	font-size:20px;
	color: #9ed159;
}
#contents_left dd a{
	color:#00823a;
}
.cl_mail {
	margin-top: 10px;
}
.cl_mail a{
	display:inline-block;
	width: 100%;
	padding:11px 0;
	border:2px solid #008239;
	color:#FFF;
	background-color:#008239;
	border-radius: 6px;
	text-align: center;
	transition:ease-in-out 0.2s ;
}
.cl_mail a i{
	margin-right:7px;
}
.cl_mail a:hover{
	background-color:#FFF;
	color:#008239;
}
.cl_text {
	margin-top: 20px;
	font-size: 14px;
	padding-bottom: 30px;
	border-bottom: 1px solid #FFF;
}

/*------------------------------ 講師検索 ------------------------------*/
#contents_left h3 {
	margin-top: 30px;
	margin-bottom: 5px !important;
	font-size: 16px !important;
	border: none !important;
}
#contents_left h3 i {
	margin-right: 10px;
}

/* 検索する */
.left_search_btn {
	position: relative;
	text-align: center;
	margin-bottom: 20px;
	font-size: 14px;
}
.left_search_btn button{
	display:inline-block;
	width: 100%;
	padding:10px 0;
	border:2px solid #9ed159;
	color:#fff;
	font-size:14px;
	background-color:#9ed159;
	border-radius: 6px;
	transition:ease-in-out 0.2s ;
}
.left_search_btn button i{
	margin-right:7px;
}
.left_search_btn button:hover{
	background-color:#FFF;
	color:#9ed159;
	cursor:pointer;
}

/* 各タイトル */
.left_search01 dt , .left_search02 dt , .left_search03 dt , .left_search04 dt {
	margin-bottom: 5px;
	font-weight: bold;
	text-align: left !important;
}
.left_search01 dt i , .left_search02 dt i , .left_search03 dt i , .left_search04 dt i {
	margin-right: 5px;
	color: #47ad74;
}

/* 講師名・キーワード */
.left_search01 {
	position: relative;
	width: 100%;
	margin-bottom: 20px;
}
.left_search01 input[type='text'] {
	font: 14px/24px sans-serif;
	box-sizing: border-box;
	width: 100%;
	padding: 8px 13px;
	transition: 0.3s;
	letter-spacing: 1px;
	color: #aaaaaa;
	border: 1px solid #777;
	border-radius: 4px;
}
.left_search01 .ef input[type='text']:focus {
	border: 1px solid #47ad74;
	outline: none;
	box-shadow: 0 0 5px 1px rgba(71,173,116, .5);
}

/* 出身・ゆかり */
.left_search02 {
	position: relative;
	width: 100%;
	margin-bottom: 20px;
}
.left_search02 select:hover {
	cursor:pointer;
}
/* 性別 */
.left_search03 {
	position: relative;
	width: 100%;
	margin-bottom: 20px;
}
.left_search03 select:hover {
	cursor:pointer;
}

/* 出身・ゆかり　性別共通 */
.select-wrap {
  position: relative;
  width: 100%;
}
.select-wrap:before {
  position: absolute;
  right: 15px;
  top: 54%;
  transform: translateY(-50%) translateX(0);
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0d7";
	font-size: 25px;
	color:#9ed159;
}
.select-wrap select{
  width: 100%;
  outline:none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 40px;
  padding: 5px 20px;
  border:1px solid #777;
  background-color: #fff;
	font-size: 14px;
	color: #aaa;
  border-radius: 4px;
}
.select-wrap select::-ms-expand {
  display: none;
}


/* ジャンル */
.left_search04 {
	position: relative;
	margin-top: 20px;
}
.left_search04 dd {
	border: 1px solid #777;
	border-radius: 4px;
	width: 100%;
	height: 440px;
	box-sizing: border-box;
	padding-top: 20px;
	padding-right: 10px;
	background: #FFF;
}
.left_search04 .radio-wrap {
	position: relative;
	font-size: 13px;
	text-align: left;
	padding-top: 0;
	padding-left: 20px;
	line-height: 1.5;
	letter-spacing:0.02em;
	box-sizing: border-box;
}
.left_search04 .radio-wrap:first-of-type {
	width: 100%;
	height: 180px;
	overflow: hidden;
}
.left_search04 .radio-wrap:last-of-type {
	width: 100%;
	margin-top: 40px;
	height: 180px;
	overflow: hidden;
}
.left_search04 .radio-wrap label{
  margin-right: 20px;
  display: block;
	margin-bottom: 10px;
}
.left_search04 .radio-wrap input{
  display: none;
}
.left_search04 .radio-wrap input + span{
  padding-left: 22px;
  position:relative;
}
.left_search04 .radio-wrap input + span::before{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
	font-family: "Font Awesome 5 Free";
	content: "\f111";
  color: #999;
}
.left_search04 .radio-wrap input:checked + span::after{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
	font-family: "Font Awesome 5 Free";
	content: "\f058";
  color: #47ad74;
}
.left_search04::after {
	content: "";
	position: absolute;
	top: 237px;
	left: 100px;
	width: 6px;
	height: 6px;
	margin-top: 5px;
	background: #fff;
	border-bottom: 1px solid #a5a5a5;
	border-left: 1px solid #a5a5a5;
	transform: rotate(-45deg);
	z-index: 10;
}
.left_search04::before {
	content: "";
	position: absolute;
	width: 90%;
	height: 1px;
	top: 245px;
	left: 5%;
	background: #a5a5a5;
	z-index: 9;
}

/*----------activeがついた時の処理----------*/
.left_search04 .radio-wrap input.active + span  {
	font-weight:bold;
  color: #47ad74;
}
/*クリックはずれた時の挙動*/
.left_search04 .radio-wrap input.active + span::before{
	content: "\f058";
  	color: #47ad74;
}
/*クリック時の挙動*/
.left_search04 .radio-wrap input:checked + span::after{
	content: "\f058";
  	color: #47ad74;
	background:#fff;
}

/*----------選択クリアボタン----------*/
.reset_btn_left {
	display: block;
	position:absolute;
	top:2px;
	left:100px;
	width:155px;
}
.reset_btn_left::after {
	content:"\f2f1　選択をクリア";
	background: #9ed159;
    padding: 6px 12px;
    border-radius: 6px;
	color:#FFF;
	font-size:12px;
	transition:ease-in-out 0.2s ;
	font-weight:900;
	font-family: "Font Awesome 5 Free";
}
.reset_btn_left:hover::after {
	background: #47ad74;
	cursor:pointer;
}


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

/*----------選択クリアボタン----------*/
.reset_btn_left {
	right:0;
	left:auto;
	width:125px;
}
.reset_btn_left::after {
}
.reset_btn_left:hover::after {
}
	
}