/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 07 2024 | 10:04:25 */
/* イラスト */
.staffIll { width:40%; margin:-40px 20px 30px auto; position:relative; z-index:1; }
.staffIll img { width:100%; }
@media (min-width:768px) {
	.staffIll { width:90%; max-width:1080px; margin:-70px auto 30px auto; display:flex; justify-content:right; }
	.staffIll img { width:25%; max-width:300px; }
}
@media (min-width:1200px) {
	.staffIll { margin:-80px auto 50px auto; }
}


/*下層のリンク*/
.staffLinks { display: flex; flex-wrap: wrap; justify-content:space-around;justify-content: flex-start;}　
.staffLinks { display:flex; flex-wrap: wrap; }
.staffLink { width:47.5%; margin:0 5% 10px 0;  }
.staffLink:nth-child(2n)  { margin:0 0 10px 0; }
.staffLink a { width:100%; height:60px; margin:0 5% 0 0; display:flex; justify-content:center; align-items:center; background:#fff; border:2px solid #269F46; border-radius:10px; text-align:center; color:#269F46; font-weight:bold; line-height:1.2; position:relative; padding:25px; }
.staffLink a:hover { background:#E9F5F0; transition:0.3s; text-decoration:none; }
.staffLink a::after { content:''; width:10px; height:10px; margin:-5px 0 0 0; border-bottom:2px solid #269F46; border-right:2px solid #269F46; transform:rotate(45deg); transition:0.3s; position:absolute; top:50%; right:12px; }
.staffLink a.staffLinkCurrent { background:#269F46; color:#fff; }
.staffLink a.staffLinkCurrent::after { border-top:2px solid #fff; border-right:2px solid #fff; }
@media (min-width:768px) {
	.staffLink { width:18%; margin:0 2.5% 10px 0; }
	.staffLink:nth-child(2n)  { margin:0 2.5% 10px 0; }
	.staffLink:last-child  { margin:0 0 10px 0; }
	.staffLink a::after { right:20px; }
	.staffLinks { display:flex; }
}


/*一覧リスト*/
.staffListTitle { padding:50px 0 20px 0; display:flex; justify-content:center; align-items:center; }
.staffListShop {
  width: 100%;
  display: block;
  color: #269F46;
  text-align: left;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.2;
}
.staffLists { width:100%; display:flex; flex-direction:column; justify-content:flex-start; }
.staffList { width:100%; margin:0 0 50px 0; display:block; }
.staffListLink { width:100%; display:block; }
.staffListLink:hover { text-decoration:none; }
.staffListEng { box-sizing:border-box; color:rgba(87,187,130,0.5); font-size:32px; line-height:1.2; font-family:"Hind Siliguri"; font-weight:600; letter-spacing:0.1em; margin-right:5px; }
.staffListImg { width:100%; margin:-7px 0 0 0; overflow:hidden; }
.staffListImg img { width:100%; transition:0.3s; border-radius:15px;  }
.cstaffListLink:hover .companyListImg img { transition:0.3s; }
.staffListTexts { width:100%; display:block; position:relative; }
/* .staffListTexts::before { content:''; width:30px; height:30px; margin:-15px 0 0 0; border-radius:50%; background:#269F46; position:absolute; top:50%; right:0; } */
.staffListTexts::after { content:''; width:10px; height:10px; margin:-5px 0 0 0; border-top:3px solid #269F46; border-right:3px solid #269F46; transform:rotate(45deg); position:absolute; top:50%; right:12px; }
h3.staffListH3 { width:100%; margin:5.5px 0 5px 0; display:block; color:#161616; text-align:left; font-weight:bold; font-size:20px; line-height:1.2; }
.entry-content h3.staffListH3::after { margin:0; background:none; }
.staffListText { width:100%; height:auto; margin:10px 0 0 0; padding:0 60px 0 0; display:block; position:relative; font-size:14px; line-height:1.2; box-sizing:border-box; color: #269F46; font-weight:600; opacity: 60%;}
@media (min-width:768px) {
	.staffListTitle { padding-bottom:60px; padding-top: 100px; }
	.staffListEng  { font-size:42px; letter-spacing:0.1em; margin-right:30px; }
	.staffListShop { font-size:25px; }
	.staffLists { max-width:1100px; margin:0 auto;  flex-direction:row; flex-wrap:wrap; gap:40px; padding-bottom: 100px;  }
	
}
@media (min-width:1080px) {
	.staffList { width:22%; }
}

/* 青森支店 */
#aomori { padding-left:0; padding-right:0; }
#aomori .white { padding:10px; padding:right; }

/* 以下詳細ページ */
.staffKana { color:#269F46; font-size:20px; font-family:"Hind Siliguri"; font-weight:600; letter-spacing: 0.1em;}
.staffPosition  { color:#269F46; font-weight:600; font-size:16px; }

/*詳細の写真と店舗概要*/
.staffOutlines { display:flex; flex-direction:column; }
.staffOutlinesPhoto { width:100%; margin-top:130px; }
.staffOutline { width:100%; margin:30px 0 0 0; }
.entry-content h1.staffOutlineH1 { font-weight:bold; font-size:24px; color:#269F46; margin-bottom: 5px; }
.staffOutlineText { display:flex; flex-wrap:wrap; line-height:1.2;margin-top: 20px; }
.staffOutlineText dt { width:22.5%; margin:5px 0; font-weight:bold; color:#269F46; }
.staffOutlineText dd { width:77.5%; margin:5px 0; }
.staffOunlineSns { width:100%; margin:20px 0 0 0; display:flex; align-items:flex-start; }
.staffOunlineSns li { width:40px; margin:0 20px 0 0; display:block; }
.staffOunlineSns li a { width:40px; display:flex; flex-direction:column; }
.staffOunlineSns li a:hover { text-decoration:none; }
.staffOunlineSns li a img { width:40px; display:block; transition:0.3s; }
.stafflineSns li a:hover img { transition:0.3s; }
.shopOunlineSns li a span { width:100%; margin:5px 0 0 0; text-align:center; font-size:12px; line-height:1.2; }
@media (min-width:1200px) {
	.staffOutlines { flex-direction:row; justify-content:space-between; padding-top: 350px; }
	.staffOutlinesPhoto { width:55%; max-width:600px; margin-top: 0; border-radius: 15px;}
	.staffOutline { width:40%; margin:0 0 0 0; }
	.entry-content h1.staffOutlineH1 { margin: 5px 0; font-size:28px; }
	.staffOutlineText { margin-top:20px; }
	.staffOutlineText dt { margin:5px 0 10px 0; }
	.staffOutlineText dd { margin:5px 0 10px 0; }
	
}


/*イラスト*/
.staffBox li .sellPoint { text-align:left; }
.staffdetailIll { width:35%; display:block; position:absolute;  right:2.5%; }
.staffdetailIll2 { width:40%; display:block; position:absolute; top:20px; right:2.5%; }
@media (min-width:768px) {
	.staffdetailIll { width:160px; display:block; position:absolute; top:20px; right:60px; }
	.staffdetailIll2 { width:270px; display:block; position:absolute; top:-30px; right:0; }
}

.staffBox { padding: 50px 0; }
.staffPoint { background:#fff; padding:40px; border-radius:15px; display:flex; flex-wrap:wrap;  }
.staffPoint strong { color:#269F46; font-weight:600; font-size:20px; }
.staffBox li:first-child { margin-bottom:20px; }
.favoriteCopy { color:#269F46; font-weight:600;  line-height: 1.5; padding-bottom:20px; }
.favoriteCopy  strong { font-size: 24px; margin-right: 5px; font-family:"Hind Siliguri"; font-weight:600; letter-spacing:0.1em; }
.favoriteBox { display:flex; flex-wrap:wrap; gap:20px; }
.favoriteBox li { margin-bottom:20px; width:100%; }

.staffTop {
	width: 80%;
  max-width: 300px;
  height: 60px;
  margin: 50px auto 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  border: 2px solid #269F46;
  border-radius: 20px;
  text-align: center;
  color: #269F46;
  font-weight: bold;
  line-height: 1.2;
  position: relative;
}

.staffTop::after {
  content: '';
  width: 10px;
  height: 10px;
  margin: -5px 0 0 0;
  border-top: 2px solid #269F46;
  border-left: 2px solid #269F46;
  transform: rotate(135deg);
  transition: 0.3s;
  position: absolute;
  top: 50%;
  right: 20px;
}

.staffTop:hover{border: 2px solid #fff; background:#269F46; color:#fff; }

.staffTop::after:hover {  border-top: 2px solid #fff;
  border-left: 2px solid #fff;}

@media (min-width:768px) {

	.staffBox { display:flex; gap:4%; flex-wrap: wrap; }
	.staffBox { padding-top: 100px; }
	.staffBox li { width:48%;}
	.favoriteCopy  strong { font-size:32px; margin-right:30px; }
	@media (min-width: 768px) {
  .staffTriangle {
    width: 61px;
    position: absolute;
    top: 8px;
    left: 330px;
  }
  .favoriteBox li { margin-bottom:20px; width:32%; }
}
}


/*波 */
.waveStaff { width:150%; max-width:150%; margin:0 -25%; } 
@media screen and (min-width:768px) {
	.waveStaff { width:100%; margin:0; margin-top: -130px;} 
}