/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 16 2024 | 05:55:48 */
@charset "UTF-8";
/**
 * ルール
 * ・セレクタの最初に .edit_css_staff を付ける
 */

.edit_css_staff{
	padding:0 20px 0;
}
.edit_css_staff h2{
	padding:80px 0 0;
	font-size:32px;font-weight:bold;
}
.edit_css_staff h2::after{
	width:97px;margin:7px auto 20px;
	background: transparent linear-gradient(90deg, #9CE2AF 0%, #9AE7F7 100%) 0% 0% !important;
}

.edit_css_staff h2 + div{
	padding-bottom:0;
}

.edit_css_staff h2 + div > div > ul.es-list-items{
	display:flex;flex-wrap:wrap;
	max-width:940px;margin:0 auto;padding:0;
}
.edit_css_staff h2 + div > div > ul.es-list-items > li{
	width:470px;padding:0 20px 105px;box-sizing:border-box;
	border-bottom:none !important;
}
.edit_css_staff h2 + div > div > ul.es-list-items > li > div > div > p{
	padding:0 0 15px;
	color:#00A491;font-size:20px;font-weight:500;line-height:32px;
}
.edit_css_staff h2 + div > div > ul.es-list-items > li > div > div > figure{
	display:block;width: 430px;height: 271px;padding:16px 0 0;box-sizing:border-box;
	background: #D8D8D8;
	border-radius: 12px;
	text-align:center;
}
.edit_css_staff h2 + div > div > ul.es-list-items > li > div > div > figure img{
	width: auto;height: 255px;
}

.edit_css_staff h2 + div > div > ul.es-list-items > li > div > div > figure + section{
	position:relative;bottom:73px;left:15px;
	width: 160px;height: 148px;margin:0 0 -73px;padding:22px 0 0;box-sizing:border-box;
	background: #E8FDF4;
	box-shadow: 0px 0px 10px #00000029;
	border-radius: 12px;
	text-align:center;
}
.edit_css_staff h2 + div > div > ul.es-list-items > li > div > div > figure + section p{
	font-size:13px;line-height:19px;
}
.edit_css_staff h2 + div > div > ul.es-list-items > li > div > div > figure + section p.name{
	padding:0 0 13px;
	font-size:20px;font-weight:500;line-height:29px;
}

.edit_css_staff h2 + div > div > ul.es-list-items > li > div > div > figure + section + section{
	position:relative;bottom:65px;
	margin:0 0 -65px 196px;
}
.edit_css_staff h2 + div > div > ul.es-list-items > li > div > div > figure + section + section div.uagb-column__inner-wrap{
	padding:20px 0 0;
}
.edit_css_staff h2 + div > div > ul.es-list-items > li > div > div > figure + section + section p.feature_dt{
	font-size:13px;font-weight:500;line-height:19px;
}
.edit_css_staff h2 + div > div > ul.es-list-items > li > div > div > figure + section + section p.feature_dd{
	padding:0 0 15px;
	font-size:13px;line-height:19px;
}
.edit_css_staff h2 + div > div > ul.es-list-items > li > div > div > figure + section + section p:last-of-type{padding:0 0 0;}



/*--------------------------------------------------
**************************************************
  スマホ用
**************************************************
--------------------------------------------------*/
@media screen and (max-width: 767px) {

	.edit_css_staff{padding:0 0 70px;}
	.edit_css_staff h2{padding:25px 0 0;font-size:25px;}
	
	.edit_css_staff h2 + div{padding-top:20px;}

	.edit_css_staff h2 + div > div > ul.es-list-items{max-width:100%;padding:0 24px;box-sizing:border-box;}
	.edit_css_staff h2 + div > div > ul.es-list-items > li{width:100%;padding:0 0 45px;}
	.edit_css_staff h2 + div > div > ul.es-list-items > li > div > div > p{color:#00A491;font-size:20px;line-height:30px;}
	.edit_css_staff h2 + div > div > ul.es-list-items > li > div > div > figure{width: 100%;height: 243px;padding:16px 0 0;}
	.edit_css_staff h2 + div > div > ul.es-list-items > li > div > div > figure img{width: auto;height: 227px;}

	.edit_css_staff h2 + div > div > ul.es-list-items > li > div > div > figure + section{bottom:45px;left:auto;width: 288px;height: 100px;margin:0 auto -45px;padding:24px 0 0;}
	.edit_css_staff h2 + div > div > ul.es-list-items > li > div > div > figure + section > div:nth-child(2){display:flex;}
	.edit_css_staff h2 + div > div > ul.es-list-items > li > div > div > figure + section > div:nth-child(2) > div{padding:0 8px;box-sizing:border-box;}
	.edit_css_staff h2 + div > div > ul.es-list-items > li > div > div > figure + section > div:nth-child(2) > div:nth-child(1){
		width:50%;padding:0 0 0 24px;box-sizing:border-box;
	}
	.edit_css_staff h2 + div > div > ul.es-list-items > li > div > div > figure + section > div:nth-child(2) > div:nth-child(2){padding:0 8px 0;}
	.edit_css_staff h2 + div > div > ul.es-list-items > li > div > div > figure + section p{font-size:12px;line-height:17px;text-align:left;}
	.edit_css_staff h2 + div > div > ul.es-list-items > li > div > div > figure + section p.name{padding:2px 0 0;font-size:21px;}

	.edit_css_staff h2 + div > div > ul.es-list-items > li > div > div > figure + section + section{bottom:0;margin:0 0 0 0;padding:20px 0 0;}
	.edit_css_staff h2 + div > div > ul.es-list-items > li > div > div > figure + section + section div.uagb-column__inner-wrap{padding:0 0 0;}
	.edit_css_staff h2 + div > div > ul.es-list-items > li > div > div > figure + section + section p.feature_dt{padding:0 0 5px;font-size:16px;line-height:22px;}
	.edit_css_staff h2 + div > div > ul.es-list-items > li > div > div > figure + section + section p.feature_dd{font-size:16px;line-height:22px;}


}