@charset "utf-8";

/*メディアクエリー
PC
@media (min-width: 768px) {}
タブレット
@media (min-width: 768px) and (max-width: 1024px) {}
*/


.lowerpage_title_wrap { position: relative; }
.lowerpage_title_wrap .tra_english { position: absolute; bottom: -0.5rem; right: 0; white-space: nowrap; }
.lowerpage_title_wrap .contents .titleimage_frame { height: 280px; }
@media (min-width: 768px) {
    .lowerpage_title_wrap { padding: 0 0 60px 0; }
    .lowerpage_title_wrap .contents .titleimage_frame { height: 440px; }
}

.members_wrap { position: relative; width: fit-content; padding: 16px 24px 20px; margin: -32px auto 0; z-index: 1; background: #FFF; border: 2px solid #000; border-radius: 16px; }
.members_wrap .members_title { margin:  0 0 16px 0; padding: 0 0 8px 0; text-align: center; border-bottom: 2px solid #AECFED; }
.members_wrap .profile_wrap { display: flex; gap: 24px;  }
.members_wrap .profile_wrap .profile { display: flex; flex-direction: column; gap: 8px; align-items: center; }
.members_wrap .profile_wrap .profile .profile_img { width: 70px; height: 70px; object-fit: cover; }
.members_wrap .profile_wrap .profile .profile_text { display: flex; flex-direction: column; gap: 6px; text-align: center; line-height: 23px; }
.members_wrap .profile_wrap .profile .profile_join { font-size: 12px; line-height: 12px; }
.members_wrap .profile_wrap .profile .profile_dept { font-size: 12px; line-height: 12px; }
.members_wrap .profile_wrap .profile .profile_name { font-size: 16px; line-height: 18px; }
@media (min-width: 768px) {
    .members_wrap { padding: 18px 48px 36px; }
    .members_wrap .members_title { margin:  0 0 24px 0; padding: 0 0 12px 0;}
    .members_wrap .profile_wrap { justify-content: space-between; }
    .members_wrap .profile_wrap .profile { flex-direction: row; }
    .members_wrap .profile_wrap .profile .profile_img { width: 90px; height: 90px; margin: 0 0px 0 -8px; }
    .members_wrap .profile_wrap .profile .profile_text { text-align: left; line-height: 28px; }
    .members_wrap .profile_wrap .profile .profile_join { font-size: 14px; line-height: 14px; }
    .members_wrap .profile_wrap .profile .profile_dept { font-size: 16px; line-height: 16px; }
    .members_wrap .profile_wrap .profile .profile_name { font-size: 18px; line-height: 18px; }
}

.crosstalk_title { text-align: center; font-size: 24px; line-height: 42px; margin: 24px 0 0 0;}
@media (min-width: 768px) {
    .crosstalk_title { text-align: center; font-size: 36px; line-height: 48px; margin: 40px 0 20px 0;}
}

.section { margin: 0 0 60px 0; }
.question { text-align: center; font-size: 18px; line-height: 1.5em; }
.answer .line_wrap .line { padding: 24px; margin: 24px 0; border-radius: 24px; }
.answer .line_wrap .icon_sp { display: flex; align-items: center; margin: 0 0 16px 0; }
.answer .line_wrap .icon_sp .icon_img { width: 60px; height: 60px; object-fit: cover; margin: 0 16px 0 0; }
.photo_wrap { margin: 24px 0; }
.photo_wrap.qty_1 { aspect-ratio: 46 / 31; width: 100%; overflow: hidden; }
.photo_wrap.qty_1 .photo { width: 100%; height: 100%; object-fit: cover; }
.photo_wrap.qty_2 { display: flex; gap: 16px; width: 100%; }
.photo_wrap.qty_2 .photo_n1_frame { position: relative; width: 0; height: 45vw; flex: 4 1 0; overflow: hidden; }
.photo_wrap.qty_2 .photo_n2_frame { position: relative; width: 0; height: 45vw; flex: 3 1 0; overflow: hidden; }
.photo_wrap.qty_2 .photo_n1_frame .photo.n1 { width: 100%; height: 45vw; object-fit: cover; }
.photo_wrap.qty_2 .photo_n2_frame .photo.n2 { width: 100%; height: 45vw; object-fit: cover; }
.photo_wrap.qty_2 .caption { position: absolute; bottom: 4px; right: 4px; text-align: right; line-height: 18px; text-shadow: 0 0 5px #00000090; }
@media (min-width: 768px) {
    .section { margin: 0 0 80px 0; }
    .question { margin: 0 0 36px 0; text-align: left; font-size: 28px; line-height: 1.5em; }
    .answer .line_wrap { position: relative; display: flex; gap: 40px; margin: 0 0 24px 0; }
    .answer .line_wrap.right { flex-direction: row-reverse; }
    .answer .line_wrap .icon_pc { text-align: center; }
    .answer .line_wrap .icon_pc .icon_img { width: 90px; height: 90px; object-fit: cover; /*margin: 40px 0 0 0;*/ }
    .answer .line_wrap .line { display: flex; padding: 32px; margin: 0; border-radius: 24px; flex-grow: 1; }
    .answer .line_wrap .icon_sp { display: none; }
    .answer .talk_flex_wrap { display: flex; align-items: flex-end; gap: 40px; }
    .answer .talk_flex_wrap .talk_flex_wrap_line { flex: 9 1 0; width: 0; margin-bottom: -24px; }
    .answer .talk_flex_wrap .photo_wrap { flex: 5 1 0; width: 0; height: 320px; margin: 0; }
    .photo_wrap { margin: 60px 0 0 0; }
    .photo_wrap.qty_1.center { display: block; aspect-ratio: 42 / 19; max-width: 860px; margin: 0 auto; overflow: hidden; }
    .photo_wrap.qty_1 .photo { width: 100%; height: 100%; object-fit: cover;}
    .photo_wrap.qty_1 .photo.side { width: 100%; height: 100%; object-fit: cover; }
    .photo_wrap.qty_2 { width: 100%; gap: 36px; margin: 60px 0 0 0; }
    .photo_wrap.qty_2 .photo_n1_frame { width: 0; height: 380px; flex: 4 1 0; overflow: hidden; border-radius: 24px; border: 2px solid #000; }
    .photo_wrap.qty_2 .photo_n2_frame { width: 0; height: 380px; flex: 3 1 0; overflow: hidden; border-radius: 24px; border: 2px solid #000; }
    .photo_wrap.qty_2 .photo_n1_frame .photo.n1 { width: 100%; height: 100%; object-fit: cover; }
    .photo_wrap.qty_2 .photo_n2_frame .photo.n2 { width: 100%; height: 100%; object-fit: cover; }
    .photo_wrap.qty_2 .caption { bottom: 16px; right: 16px; }
}