@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専用スタイル */
}




/* ----------staff_info---------- */
.staff_info_wrap { margin-bottom: 40px; }
.staff_name_wrap.inline_pc { display: none; }
.staff_name_wrap { display: flex; flex-direction: column; gap: 20px; }
.staff_name_en { font-size: 40px; letter-spacing: .1em; opacity: 0.3; }
.staff_name_wrap .name { background: #004680; }
.staff_name_ja { width: fit-content; margin-top: -12px; padding: 0 10px 2px; background: #004680; }
.staff_img_wrap { position: relative; width: 100%; max-width: 480px; height: fit-content; margin: 24px 0 40px; }
.staff_img_wrap::before { content: ''; position: absolute; bottom: -10px; left: -10px; width: 60%; max-width: 288px; height: 60%; background: #004680; }
.staff_img_wrap .staff_img { position: relative; display: block; width: 100%; aspect-ratio: 3 / 2; object-fit: cover; background: #666; z-index: 1;}
.staff_profile_wrap { display: flex; flex-direction: column; gap: 8px; }
.staff_profile_wrap dl { display: flex; padding-bottom: 8px; border-bottom: 1px solid #DADADA;  }
.staff_profile_wrap dl dt { width: 30%; }
.sns_wrap { width:100%; height:30px; display:flex; align-items:center; margin:10px 0 5px 0; }
.staff_profile_wrap dl dd .logo_sns { margin-right:20px; }
.staff_profile_wrap dl dd .logo_sns:hover { opacity:0.7; } 
.staff_profile_wrap dl dd .logo_sns img { height:25px; }
.staff_profile_wrap dl dd .logo_sns img.line { height:35px; margin-top:2px; }
.staff_profile_wrap dl dd .logo_sns img.facebook { height:30px; }
.staff_profile_wrap dl dd .logo_sns img.instagram { height:30px; margin-top:2px; }

.staff_message_wrap { padding: 40px 24px; background: #EDF5FD; position:relative; }
.staff_message_wrap .button_line_contact { width:108px; position:fixed; right: 5%; bottom:100px; display:block; z-index:10; }
.staff_message_wrap .staff_message  { margin-top:30px; }
.contents_bg_excursion.staff .bg_staff_sp { display:none; }
@media (min-width: 1024px) {
  .bg_left { position: relative; padding-bottom: calc(80px + min(5.5vw, 80px)); }
  .bg_left::before { content: ''; position: absolute; top: calc(80px + min(15.46vw, 226.8px)); left: calc(min(45vw, 660px) - 50vw); display: inline-block; width: calc(calc(200vw / 3) + min(30vw, 440px)); height: min(calc(9vw + 500px), 700px); border-top-right-radius:  30px; border-bottom-right-radius: 30px; background: #EDF5FD; z-index: -1;  }
  .staff_info_wrap { display: flex; gap: min(6vw, 88px); }
  .staff_img_wrap { width: 45%; margin: 0; }
  .staff_img_wrap::before { bottom: -24px; left: -24px; }
  .staff_text_wrap { display: flex; flex-direction: column; flex-grow: 1; justify-content: space-between; width: 45%; padding: min(1.3vw, 20px) 0 min(2.6vw, 40px); }
  .staff_name_wrap.inline_sp { display: none; }
  .staff_name_wrap.inline_pc { display: flex; position:relative; }
  .staff_name_wrap.inline_pc .button_line_contact { position:absolute; right:-30px; top:-10px; width: min(12vw, 176px); }
  .staff_name_wrap { gap: min(1.4vw, 20px); }
  .staff_name_en { font-size: min(3vw, 50px); }
  
  .staff_team { font-size: min(1.5vw, 18px); }
  .staff_name_ja { font-size: min(2.1vw, 32px); }
  .staff_profile_wrap { gap: min(0.5vw, 8px); }
  .staff_profile_wrap dl { padding-bottom: min(0.4vw, 8px); font-size: min(1.5vw, 16px); }
  .staff_message_wrap { background: transparent; }
  .staff_message_wrap .section_title { margin-bottom: 20px; }
  .staff_message_wrap .section_title_en.is-inview { color: #FFF; opacity: 0.9; }
  .staff_message_wrap .staff_message { padding: 40px; border: 3px solid #004680; background: #FFF; margin-top:initial; }
  .staff_message_wrap .staff_message p { display: block; max-width: 1000px; margin: 0 auto; }
  .staff_message_wrap .button_line_contact { display:none; }
  .contents_bg_excursion.staff .bg_staff_pc { display:none; }
  .contents_bg_excursion.staff { padding-top:0; }
  .sliderArea { margin-bottom:0; }
}

.contents_bg_excursion.staff .contents:first-child { display: none; }
.section_title.bgtext { margin-bottom: 0; }



@media (min-width: 768px) and (max-width: 1023px) {
    .staff_img_wrap { width: 67%; max-width: none; margin-top: -85px; margin-left: auto; }
    .staff_img_wrap::before { left: auto; right: -10px; }
}
@media (min-width: 900px) and (max-width: 1023px) {
    .staff_img_wrap { width: 45%; margin-top: -140px; }
    .staff_img_wrap::before { right: auto; left: -10px; }
}