@charset "utf-8";

/* スマホ（〜767px） */
@media (max-width: 767px) {
  /* スマホ専用スタイル */
}

/* タブレット（768px〜1024px） */
@media (min-width: 768px) and (max-width: 1024px) {
  /* タブレット専用スタイル */
}

/* PC（1025px〜） */
@media (min-width: 1025px) {
  /* PC専用スタイル */
}


/* -----ループ外----- */
@media (min-width:768px) {
  .nopadding_pc { padding: 0; }
  .pagelink_wrap { display: flex; gap: 20px; margin-bottom: 120px; flex-wrap: wrap;}
  .pagelink_wrap .page_link { width: calc(calc(100% - 20px) / 2); }
}
@media (min-width:1200px) {
    .pagelink_wrap .page_link { width: calc(calc(100% - 40px) / 3); }

}


/* -----ループ1重_店舗----- */
.shop_contents_bg:nth-child(2n+1) { background: #FFF; }
.section_title .section_title_ja { width: fit-content; padding: 8px 12px; font-size: 28px; color: #FFF; text-align: left; background: #004680; }
.shop_team_list { display: flex; flex-direction: column; gap: 80px; }
@media (min-width:768px) {
  .shop_contents_bg .contents { padding: 120px 0; }
  .section_title.bgtext { height:90px; display:block; align-items:center; margin-bottom:120px; position:relative; }
  .section_title .section_title_ja { width: 100%; line-height:90px; display:block; text-align: center; color: #222222; background: none; }
  .section_title_en { font-size:90px; font-weight:700; display:block; line-height:80px; color:rgba(0, 70, 128, 0.2); position:absolute; top:0; margin-top:0; } 
  .section_title_en.center { width:100%; text-align:center; }
  .shop_team_list { gap: 120px; }
}

/* -----ループ2重_部門----- */
.shop_team { margin-bottom: 24px; }
.shop_team::after { content: ''; display: block; width: 100%; height: 1px; margin-top: 8px; background: #004680; }
.shop_team_staff_list { display: flex; gap: 20px 12px; flex-wrap: wrap; }
@media (min-width:768px) {
  .shop_team { margin-bottom: 40px; }
  .shop_team_staff_list { gap: 40px 20px; }
}

/* -----ループ3重_スタッフ----- */
.shop_team_staff_wrap { position: relative; width: calc(50% - 6px); height: fit-content; background: #FFF; }
.shop_contents_bg:nth-child(2n+1) .shop_team_staff_wrap { background: #EDF5FD;}
.shop_team_staff_wrap a { display: inline-block; width: 100%; }
.staff_img { display: inline-block; width: 100%; aspect-ratio: 4/3; object-fit: cover; background: #666; }
.staff_img_line { position: absolute; top: 5%; left: 5%; width: 20% !important; height:auto; max-width: 50px; }
.shop_team_staff_text { position: relative; padding: 12px; }
.staff_name { font-size: 20px; }
.staff_shikaku { font-size: 14px; }
.staff_arrow { position: absolute; top: 0; right: 12px; bottom: 0; margin: auto 0; transform: rotate(-90deg); }
@media (min-width:768px) {
  .shop_team_staff_wrap { width: calc(25% - 15px); background: transparent; }
  .shop_contents_bg:nth-child(2n+1) .shop_team_staff_wrap { background: transparent;}
  .shop_team_staff_text { padding: 12px 0 0; }
  .staff_name_e { font-size: 18px; }
  .staff_name { font-size: 24px; line-height: 1.2em; }
  .staff_shikaku { font-size: 16px; }
  .staff_arrow { transform: rotate(0deg); }


.shop_team_staff_img {position: relative;overflow: hidden;aspect-ratio: 4/3;width: 100%;height: auto;}
.shop_team_staff_img img {width: 100%;height: 100%;object-fit: cover;transition: transform .4s ease;}
.shop_team_staff_wrap:hover .shop_team_staff_img img {transform: scale(1.1);}

  
}