@charset "utf-8";
/* CSS Document */
/* ----------------------------------------------- */
/* staff iindex
-------------------------------------------------- */
.staff--index--inner { width:min(1000px, 94%);  margin:0 auto 200px;}
.ul--staff--list {
	display: flex; justify-content: space-between; gap:50px; flex-wrap: wrap;
}
.ul--staff--list + ul { margin-top: 50px;}
.ul--staff--list li { width:47.3%;}
.ul--staff--list a { 
	display: flex; gap:30px; align-items: center;
}
.ul--staff--list a .photo {
	position: relative; width:min(300px, 67%);
}
.ul--staff--list a .photo img { width:100%; height: auto;}

.ul--staff--list a .photo::before {
	content:'';
	position: absolute; right: 10px; bottom:10px;
	width:20px; height:20px;
	background: url("../img/ar_g.svg") center center no-repeat;
	background-size: 100% auto;
	transition:.4s all;
}
.ul--staff--list a .photo:hover::before {
	background:url("../img/ar_w.svg") center center no-repeat;
	background-size:100% auto;
}
.ul--staff--list .name span { display: block;}

@media print, screen and (min-width: 1155px){
	
}
@media print, screen and (max-width: 1154px){
	
}
@media print, screen and (max-width: 768px){
	.staff--index--inner { margin-bottom: 100px;}
	
	.ul--staff--list,
	.ul--staff--list li a { display: block; }
	.ul--staff--list li,
	.ul--staff--list li .photo { width:100%;}
	.ul--staff--list li .name { margin:5px 0 20px;}
	.ul--staff--list li .name span { display: inline;}
}


/* ----------------------------------------------- */
/* staff detail
-------------------------------------------------- */
.staff--inner { width:min(800px, 94%); margin:0 auto 200px;}
.staff--inner img { max-width:100%; width:auto; height: auto;}
.TitleStyle_st01 { margin:1em auto 2em; font-size:min(38px, 5vw); font-weight: bold;}

.name { margin: 35px 0; font-size: 16px;}
.name span { margin-right: 1em; font-size: 14px; color:#45ab35;}

.staff--inner dl + dl { margin-top: 35px;}
.dl--staff dt,
.dl--faq dt {
	position: relative; padding:0 0 10px 1.3em;
	font-size:min(25px, 4.4vw); font-weight: 600; letter-spacing: 0.05em; line-height: 1.667;
	border-bottom:1px solid #c9c9ca;
}
.dl--faq dt::before {
	content: 'Q.';
	position: absolute; left: 0; top:0;
	font-size:min(25px, 3.8vw); font-weight: 600; color: #45ab35;
}
.dl--staff dt { padding-left: 0;}

.staff--inner dd {
	padding-top: 10px;
}
.staff--inner dd p + p { margin-top: 1.06em;}

.btn--back { margin-top: 100px; text-align: center;}
.btn--back a { 
	position: relative; display: block;
	width:min(390px, 80%); margin:0 auto;
	font-size:18px; font-weight: 500; color: #45ab35; line-height: 74px;
	border:3px solid #45ab35; border-radius: 50px;
	transition: .4s all;	
}
.btn--back a::before {
	content:'';
	position: absolute; left: 24px; top:50%; transform: translateY(-50%);
	width:25px; height: 25px;
	background: url("../img/ar_back.svg") center center no-repeat;
	background-size:100% auto;
}
.btn--back a:hover { color: #fff; background: #45ab35;}

/*
#45ab35
*/

@media print, screen and (min-width: 1155px){
	
}
@media print, screen and (max-width: 1154px){
	
}
@media print, screen and (max-width: 768px){
	.staff--inner { margin-bottom: 100px;}
	.staff--inner dd p { font-size:15px; line-height: 1.6;}
	
	.btn--back { margin-top: 60px;}
	.btn--back a { line-height: 54px;}
	.btn--back a::before { left: 14px;}
}