@charset "UTF-8";


/***************************************************

	executive-consultant

***************************************************/

#search_area .search_block .cat_wrapp {
    width: 100% !important;
}


.contact_btn_area {
    background: transparent;
}

#search_area .search_block{
    display: block;
}

#search_area .search_block .cat_wrapp {
    padding-bottom: 0;
}

#search_area .search_block .cat_wrapp:last-of-type{
    padding-bottom: 28px;
}


.list_wrapp  .ec_ul{
	display: flex;
	flex-wrap: wrap;
}

.list_wrapp  .ec_ul li{
	width: 32%;
	height: 640px;
	margin: 0 2% 32px 0;
}

.list_wrapp  .ec_ul li:nth-child(3n + 3){
	margin-right: 0;
}

.list_wrapp  .ec_ul li .data_wrapp{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}

.list_wrapp  .ec_ul li .data_wrapp::after{
	content: '';
	display: block;
	width: 100%;
	height: 433px;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.30) 50%);
	position: absolute;
	bottom: 0;
	left: 0;
}

.list_wrapp  .ec_ul li .data_wrapp .thumb{
	display: block;
	width: 100%;
	height: 100%;
	background: #D9D9D9;
}

.list_wrapp  .ec_ul li .data_wrapp .thumb img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.list_wrapp  .ec_ul li .data_wrapp .text_area{
	position: absolute;
	bottom: 50px;
	left: 40px;
	z-index: 2;
	color: #fff;
	line-height: 1;
}

.list_wrapp  .ec_ul li .data_wrapp .text_area .catch{
	font-size: 36px;
	font-weight: 700;
	line-height: 1.6;
	margin-bottom: 24px;
	position: relative;
}

.list_wrapp  .ec_ul li .data_wrapp .text_area .catch::after{
	content: '';
	display: inline-block;
	width: 16px;
	height: 1px;
	background: #fff;
	position: absolute;
	bottom: -12px;
	left: 0;
}

.list_wrapp  .ec_ul li .data_wrapp .text_area .name_area{
	display: flex;
	align-items: center;
	margin-bottom: 12px;
}

.list_wrapp  .ec_ul li .data_wrapp .text_area .name_area .post{
	font-size: 14px;
	font-weight: 400;
	line-height: 1.6;
	margin-right: 12px;
}

.list_wrapp  .ec_ul li .data_wrapp .text_area .name_area .name{
	font-size: 24px;
	font-weight: 700;
	line-height: 2.0;
}

.list_wrapp  .ec_ul li .data_wrapp .text_area .tax_area{
	display: flex;
	align-items: center;
	margin-bottom: 8px;	
}

.list_wrapp  .ec_ul li .data_wrapp .text_area .tax_area span{
	display: inline-block;
	min-width: 88px;
	height: 28px;
	line-height: 28px;
	background: #0090C5;
	font-size: 14px;
	font-weight: 700;
	padding: 0 16px;
	margin-right: 8px;
}

.list_wrapp  .ec_ul li .data_wrapp .text_area .tax_area span:last-of-type{
	margin-right: 0;
}

.list_wrapp  .ec_ul li .data_wrapp .text_area .caption{
	font-size: 14px;
	font-weight: 400;
	line-height: 1.6;
}

.list_wrapp  .ec_ul li .data_wrapp .link_btn{
	display: inline-block;
	height: 45px;
	padding: 16px 0 0 16px;
	background: #fff;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 2;
	line-height: 1;
	box-sizing: border-box;
}

.list_wrapp  .ec_ul li .data_wrapp .link_btn::before{
	content: '';
	position:absolute;
	bottom: 0;
	left: -20px;
	width: 120px;
	height:0;
	border-left: 20px solid transparent;
	border-bottom: 45px solid #fff;
}

.list_wrapp  .ec_ul li .data_wrapp .link_btn a{
	display: block;
}

.list_wrapp  .ec_ul li .data_wrapp .link_btn strong{
	font-size: 14px;
	font-weight: 700;
	line-height: 1.6;
	color: #0090C5;
	padding-right: 28px;
	position: relative;
	z-index: 3;
}

.list_wrapp  .ec_ul li .data_wrapp .link_btn strong::after{
	content: '';
	display: inline-block;
	width: 20px;
	height: 8px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: contain;
	background-image: url('../images/common/arrow_consultant.png');
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(0, -50%);
}


/* 初期状態（非表示） */
.ec_item{
  opacity:0;
  transform:translateY(30px);
  transition:opacity .6s ease, transform .6s ease;
}

/* 表示状態 */
.ec_item.is-show{
  opacity:1;
  transform:translateY(0);
}

.list_wrapp.no_result .no_result_text {
    font-size: 64px;
    font-weight: 300;
    line-height: 1.6;
}


.contact_btn_area{
	width: 1600px;
	margin: 0 auto 240px;
}






/********************************************************************************
	リッキド用 CSS
********************************************************************************/
@media (max-width: 1920px) {


#search_area .search_block .cat_wrapp:last-of-type{
    padding-bottom: 1.458333vw;
}

.list_wrapp  .ec_ul li{
	height: 33.333333vw;
	margin: 0 2% 1.666667vw 0;
}

.list_wrapp  .ec_ul li .data_wrapp::after{
	height: 22.552083vw;
}

.list_wrapp  .ec_ul li .data_wrapp .text_area{
	bottom: 2.604167vw;
	left: 2.083333vw;
}

.list_wrapp  .ec_ul li .data_wrapp .text_area .catch{
	font-size: 1.875vw;
	margin-bottom: 1.25vw;
}

.list_wrapp  .ec_ul li .data_wrapp .text_area .catch::after{
	width: 0.833333vw;
	bottom: -0.625vw;
}

.list_wrapp  .ec_ul li .data_wrapp .text_area .name_area{
	margin-bottom: 0.625vw;
}

.list_wrapp  .ec_ul li .data_wrapp .text_area .name_area .post{
	font-size: 0.729167vw;
	margin-right: 0.625vw;
}

.list_wrapp  .ec_ul li .data_wrapp .text_area .name_area .name{
	font-size: 1.25vw;
}

.list_wrapp  .ec_ul li .data_wrapp .text_area .tax_area{
	margin-bottom: 0.416667vw;	
}

.list_wrapp  .ec_ul li .data_wrapp .text_area .tax_area span{
	min-width: 4.583333vw;
	height: 1.458333vw;
	line-height: 1.458333vw;
	font-size: 0.729167vw;
	padding: 0 0.833333vw;
	margin-right: 0.416667vw;
}

.list_wrapp  .ec_ul li .data_wrapp .text_area .caption{
	font-size: 0.729167vw;
}

.list_wrapp  .ec_ul li .data_wrapp .link_btn{
	height: 2.34375vw;
	padding: 0.833333vw 0 0 0.833333vw;
}

.list_wrapp  .ec_ul li .data_wrapp .link_btn::before{
	left: -1.041667vw;
	width: 6.25vw;
	border-left: 1.041667vw solid transparent;
	border-bottom: 2.34375vw solid #fff;
}

.list_wrapp  .ec_ul li .data_wrapp .link_btn strong{
	font-size: 0.729167vw;
	padding-right: 1.458333vw;
}

.list_wrapp  .ec_ul li .data_wrapp .link_btn strong::after{
	width: 1.041667vw;
	height: 0.416667vw;
}

.list_wrapp.no_result .no_result_text {
    font-size: 3.333333vw;
}


.contact_btn_area{
	width: 83.333333vw;
	margin: 0 auto 12.5vw;
}







}



/********************************************************************************
	スマートフォン用 CSS
********************************************************************************/

@media(max-width: 768px){

#search_area .search_block .cat_wrapp:last-of-type{
    padding-bottom: 8.533333vw;
}


.list_wrapp  .ec_ul{
	display: block;
}

.list_wrapp  .ec_ul li{
	width: auto;
	height: auto;
	margin: 0 0 8.533333vw;
}

.list_wrapp  .ec_ul li:last-child{
	margin-bottom: 0;
}

.list_wrapp  .ec_ul li .data_wrapp::after{
	content: none;
}

.list_wrapp  .ec_ul li .data_wrapp .thumb{
	height: 89.333333vw;
}

.list_wrapp .ec_ul li a .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 0;
}


.list_wrapp  .ec_ul li .data_wrapp .text_area{
	position: relative;
	bottom: 0;
	left: 0;
	background: #F8F8F8;
	color: #000;
	padding: 6.4vw 6.4vw 16.533333vw;
}

.list_wrapp  .ec_ul li .data_wrapp .text_area .catch{
	font-size: 5.866667vw;
	margin-bottom: 6.4vw;
}

.list_wrapp  .ec_ul li .data_wrapp .text_area .catch::after{
	width: 4.266667vw;
	background: #DCDCDC;
	bottom: -3.2vw;
}

.list_wrapp  .ec_ul li .data_wrapp .text_area .name_area{
	margin-bottom: 3.2vw;
}

.list_wrapp  .ec_ul li .data_wrapp .text_area .name_area .post{
	font-size: 3.733333vw;
	margin-right: 3.2vw;
}

.list_wrapp  .ec_ul li .data_wrapp .text_area .name_area .name{
	font-size: 4.266667vw;
}

.list_wrapp  .ec_ul li .data_wrapp .text_area .tax_area{
	flex-wrap: wrap
	margin-bottom: 0;	
}

.list_wrapp  .ec_ul li .data_wrapp .text_area .tax_area span{
	min-width: 19.2vw;
	height: 5.6vw;
	line-height: 5.6vw;
	font-size: 3.2vw;
	color: #fff;
	padding: 0 3.2vw;
	margin: 0 2.133333vw 2.133333vw 0;
}

.list_wrapp  .ec_ul li .data_wrapp .text_area .tax_area span:last-of-type{
	margin-right: 0;
}

.list_wrapp  .ec_ul li .data_wrapp .text_area .caption{
	font-size: 4.266667vw;
	font-weight: 400;
	line-height: 2.0;
}

.list_wrapp  .ec_ul li .data_wrapp .link_btn{
	height: 12.266667vw;
	padding: 3.2vw;
	background: #0090C5;
}

.list_wrapp  .ec_ul li .data_wrapp .link_btn::before{
	width: 10.666667vw;
	height: 0;
	left: -5.6vw;
	border-left: 5.333333vw solid transparent;
	border-bottom: 12.266667vw solid #0090C5;
}

.list_wrapp  .ec_ul li .data_wrapp .link_btn strong{
	font-size: 3.733333vw;
	color: #fff;
	padding-right: 7.466667vw;
}

.list_wrapp  .ec_ul li .data_wrapp .link_btn strong::after{
	width: 5.333333vw;
	height: 2.133333vw;
	background-image: url('../images/common/arrow_consultant2.png');
}


/* 初期状態（非表示） */
.ec_item{
  transform:translateY(8vw);
}


.list_wrapp.no_result .no_result_text {
    font-size: 8.533333vw;
}


.contact_btn_area{
	width: auto;
	margin: 0 auto 32vw;
}










}