.breadcrumb{padding:22px 0 0}
.breadcrumb .wrap{max-width:1080px;margin:0 auto;padding:0 30px}
.breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;color:#666}
.breadcrumb a{color:#666;transition:color .3s}
.breadcrumb a:hover{color:#3687c6}
.breadcrumb .sep{color:#c2ccd2;font-size:11px}
.breadcrumb li[aria-current]{color:#55555a;font-weight:600}

.voice-sec{padding:clamp(40px,6vw,64px) 0 clamp(70px,9vw,100px)}
.voice-sec .wrap{max-width:1080px;margin:0 auto;padding:0 30px}
.voice-head{text-align:center;margin-bottom:clamp(38px,5vw,56px)}
.voice-head .en-label{font-family:"Afacad",sans-serif;font-weight:600;letter-spacing:3px;text-transform:capitalize;font-size:clamp(28px,5vw,36px);line-height:1;text-align:center;display:block;background:linear-gradient(90deg,rgba(54,135,198,.3),rgba(83,185,200,.3));-webkit-background-clip:text;background-clip:text;color:transparent}
.voice-head .h2{font-family:"Zen Kaku Gothic New","Noto Sans JP",sans-serif;font-weight:700;font-size:clamp(26px,5.2vw,40px);text-align:center;letter-spacing:1.5px;margin-top:6px;line-height:1.45;background:linear-gradient(90deg,#53b9c8,#3687c6);-webkit-background-clip:text;background-clip:text;color:transparent}
.voice-head .lead{text-align:center;font-size:clamp(15px,2.6vw,19px);line-height:2;color:#55555a;margin:22px auto 0;max-width:760px}

.voice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(22px,3vw,30px)}
.vcard{background:#fff;border-radius:20px;box-shadow:0 0 16px rgba(0,0,0,.08);overflow:hidden;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s}
.vcard:hover{transform:translateY(-5px);box-shadow:0 14px 30px rgba(0,0,0,.1)}
.vcard .thumb{aspect-ratio:16/10;background:#eef4f6;overflow:hidden}
.vcard .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.vcard:hover .thumb img{transform:scale(1.04)}
.vcard .body{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}
.vcard .cname{font-family:"Zen Kaku Gothic New","Noto Sans JP",sans-serif;font-weight:700;font-size:17px;color:#3e3e40;line-height:1.4}
.vcard .doctor{font-size:12.5px;color:#666;margin-top:5px}
.vcard .excerpt{font-size:13px;color:#5b5b60;line-height:1.75;margin-top:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vcard .more{margin-top:16px;align-self:flex-end;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#3687c6}
.vcard .more svg{width:15px;height:15px}
.voice-pager{margin-top:clamp(40px,5vw,60px);display:flex;justify-content:center}
.voice-pager .page-numbers{display:inline-flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0}
.voice-pager .page-numbers li a,.voice-pager .page-numbers li span{display:flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 10px;border-radius:10px;border:1.5px solid #e2e8ec;font-weight:700;font-size:14px;color:#55555a;transition:.3s}
.voice-pager .page-numbers li a:hover{border-color:#53b9c8;color:#3687c6}
.voice-pager .page-numbers li .current{background:linear-gradient(90deg,#53b9c8,#3687c6);border-color:transparent;color:#fff}
@media(max-width:860px){.voice-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.voice-sec .wrap,.breadcrumb .wrap{padding:0 22px}.voice-grid{grid-template-columns:1fr;gap:18px}}
.breadcrumb{padding:22px 0 0}
.breadcrumb .wrap{max-width:1080px;margin:0 auto;padding:0 30px}
.breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;color:#666}
.breadcrumb a{color:#666;transition:color .3s}
.breadcrumb a:hover{color:#3687c6}
.breadcrumb .sep{color:#c2ccd2;font-size:11px}
.breadcrumb li[aria-current]{color:#55555a;font-weight:600}

.news-sec{padding:clamp(40px,6vw,64px) 0 clamp(70px,9vw,100px)}
.news-sec .wrap{max-width:1080px;margin:0 auto;padding:0 30px}
.news-head{text-align:center;margin-bottom:clamp(34px,5vw,48px)}
.news-head .en-label{font-family:"Afacad",sans-serif;font-weight:600;letter-spacing:3px;text-transform:capitalize;font-size:clamp(28px,5vw,36px);line-height:1;display:block;background:linear-gradient(90deg,rgba(54,135,198,.3),rgba(83,185,200,.3));-webkit-background-clip:text;background-clip:text;color:transparent}
.news-head .h2{font-family:"Zen Kaku Gothic New","Noto Sans JP",sans-serif;font-weight:700;font-size:clamp(26px,5.2vw,40px);letter-spacing:1.5px;margin-top:6px;line-height:1.45;background:linear-gradient(90deg,#53b9c8,#3687c6);-webkit-background-clip:text;background-clip:text;color:transparent}

.news-list{max-width:840px;margin:0 auto;border-top:1px solid #e7edf0}
.news-item{display:block;padding:24px 8px;border-bottom:1px solid #e7edf0;transition:background .3s}
.news-item:hover{background:#f7fbfc}
.news-item .date{font-family:"Afacad",sans-serif;font-weight:500;font-size:14px;letter-spacing:.9px;color:rgba(62,62,64,.66);display:block;margin-bottom:6px}
.news-item .ttl{font-weight:700;font-size:clamp(15px,2.6vw,17px);line-height:1.7;color:#3e3e40;transition:color .3s}
.news-item:hover .ttl{color:#3687c6}

.news-pager{margin-top:clamp(40px,5vw,56px);display:flex;justify-content:center}
.news-pager .page-numbers{display:inline-flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0}
.news-pager .page-numbers li a,.news-pager .page-numbers li span{display:flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 12px;border-radius:10px;border:1.5px solid #e2e8ec;font-weight:700;font-size:14px;color:#55555a;transition:.3s}
.news-pager .page-numbers li a:hover{border-color:#53b9c8;color:#3687c6}
.news-pager .page-numbers li .current{background:linear-gradient(90deg,#53b9c8,#3687c6);border-color:transparent;color:#fff}
@media(max-width:560px){.news-sec .wrap,.breadcrumb .wrap{padding:0 22px}.news-item{padding:20px 4px}}
.breadcrumb{padding:22px 0 0}
.breadcrumb .wrap{max-width:1080px;margin:0 auto;padding:0 30px}
.breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;color:#666}
.breadcrumb a{color:#666;transition:color .3s}
.breadcrumb a:hover{color:#3687c6}
.breadcrumb .sep{color:#c2ccd2;font-size:11px}
.breadcrumb li[aria-current]{color:#55555a;font-weight:600}

.article{padding:clamp(40px,6vw,64px) 0 clamp(70px,9vw,100px)}
.article .wrap{max-width:1080px;margin:0 auto;padding:0 30px}
.article-head{text-align:center;margin-bottom:clamp(40px,6vw,60px)}
.article-head .en-label{font-family:"Afacad",sans-serif;font-weight:600;letter-spacing:3px;text-transform:capitalize;font-size:clamp(28px,5vw,36px);line-height:1;display:block;background:linear-gradient(90deg,rgba(54,135,198,.3),rgba(83,185,200,.3));-webkit-background-clip:text;background-clip:text;color:transparent}
.article-head .h2{font-family:"Zen Kaku Gothic New","Noto Sans JP",sans-serif;font-weight:700;font-size:clamp(26px,5.2vw,40px);letter-spacing:1.5px;margin-top:6px;line-height:1.45;background:linear-gradient(90deg,#53b9c8,#3687c6);-webkit-background-clip:text;background-clip:text;color:transparent}

.company{max-width:1000px;margin:0 auto}
.company > *{margin:0}
.company > * + *{margin-top:clamp(50px,7vw,80px)}
.company h2,.company .co-heading{font-family:"Zen Kaku Gothic New","Noto Sans JP",sans-serif;font-weight:700;font-size:clamp(22px,3.6vw,30px);letter-spacing:1.5px;line-height:1.6;margin-bottom:clamp(18px,3vw,30px);background:linear-gradient(90deg,#53b9c8,#3687c6);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}
.company table,.company .co-table{width:100%;border-collapse:collapse}
.company table th,.company table td,.company .co-table th,.company .co-table td{text-align:left;vertical-align:top;padding:20px 3px;border-bottom:1px solid #999;font-size:clamp(15px,2.4vw,16px);line-height:1.6;letter-spacing:1px}
.company table th,.company .co-table th{width:180px;font-weight:600;color:#3e3e40;white-space:nowrap}
.company table td,.company .co-table td{font-weight:400;color:#3e3e40}
.company td a{color:#3687c6;text-decoration:underline}
.officers{display:flex;flex-direction:column;gap:20px}
.officer-card{background:rgba(54,135,198,.04);border-radius:20px;padding:30px 24px}
.officer-card .name{font-family:"Zen Kaku Gothic New","Noto Sans JP",sans-serif;font-weight:700;font-size:18px;color:#3687c6;letter-spacing:1px;line-height:2;margin-bottom:6px}
.officer-card .bio{font-size:15px;color:#3e3e40;line-height:1.9;letter-spacing:.6px}

@media(max-width:640px){
  .article .wrap,.breadcrumb .wrap{padding:0 22px}
  .company table th,.company table td,.company .co-table th,.company .co-table td{display:block;width:100%;border-bottom:none;padding:0}
  .company table th,.company .co-table th{padding-top:18px}
  .company table td,.company .co-table td{padding:4px 0 18px;border-bottom:1px solid #999}
}
.breadcrumb{padding:22px 0 0}
.breadcrumb .wrap{max-width:1080px;margin:0 auto;padding:0 30px}
.breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;color:#666}
.breadcrumb a{color:#666;transition:color .3s}
.breadcrumb a:hover{color:#3687c6}
.breadcrumb .sep{color:#c2ccd2;font-size:11px}
.breadcrumb li[aria-current]{color:#55555a;font-weight:600}

.article{padding:clamp(40px,6vw,64px) 0 clamp(70px,9vw,100px)}
.article .wrap{max-width:1080px;margin:0 auto;padding:0 30px}
.article-head{text-align:center;margin-bottom:clamp(40px,6vw,60px)}
.article-head .en-label{font-family:"Afacad",sans-serif;font-weight:600;letter-spacing:3px;text-transform:capitalize;font-size:clamp(28px,5vw,36px);line-height:1;display:block;background:linear-gradient(90deg,rgba(54,135,198,.3),rgba(83,185,200,.3));-webkit-background-clip:text;background-clip:text;color:transparent}
.article-head .h2{font-family:"Zen Kaku Gothic New","Noto Sans JP",sans-serif;font-weight:700;font-size:clamp(26px,5.2vw,40px);letter-spacing:1.5px;margin-top:6px;line-height:1.45;background:linear-gradient(90deg,#53b9c8,#3687c6);-webkit-background-clip:text;background-clip:text;color:transparent}

.pp{max-width:1000px;margin:0 auto}
.pp > *{margin:0}
.pp > * + *{margin-top:30px}
.pp p{font-size:clamp(15px,2.4vw,18px);line-height:2;color:#3e3e40;letter-spacing:.6px}
.pp h2,.pp .pp-heading{border-left:3px solid #3687c6;padding:12px 0 12px 22px;font-family:"Hiragino Sans","Zen Kaku Gothic New",sans-serif;font-weight:600;font-size:clamp(19px,3vw,28px);line-height:1.5;letter-spacing:1.2px;color:#3e3e40}
.pp ol,.pp ul{list-style:none;padding-left:20px;display:flex;flex-direction:column;gap:6px}
.pp ol li,.pp ul li{font-size:clamp(15px,2.4vw,18px);line-height:2;color:#3e3e40;letter-spacing:.6px}
.pp ol ol,.pp ul ul,.pp ol ul,.pp ul ol{margin-top:6px}
.pp a{color:#3687c6;text-decoration:underline;font-weight:600}
.pp .pp-date{text-align:right;color:#666;font-size:14px}

@media(max-width:560px){.article .wrap,.breadcrumb .wrap{padding:0 22px}.pp h2,.pp .pp-heading{padding-left:18px}}
.breadcrumb{padding:22px 0 0}
.breadcrumb .wrap{max-width:1080px;margin:0 auto;padding:0 30px}
.breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;color:#666}
.breadcrumb a{color:#666;transition:color .3s}
.breadcrumb a:hover{color:#3687c6}
.breadcrumb .sep{color:#c2ccd2;font-size:11px}
.breadcrumb li[aria-current]{color:#55555a;font-weight:600}

.article{padding:clamp(40px,6vw,64px) 0 clamp(70px,9vw,100px)}
.article .wrap{max-width:1080px;margin:0 auto;padding:0 30px}
.article-head{text-align:center;margin-bottom:clamp(40px,6vw,60px)}
.article-head .en-label{font-family:"Afacad",sans-serif;font-weight:600;letter-spacing:3px;text-transform:capitalize;font-size:clamp(28px,5vw,36px);line-height:1;display:block;background:linear-gradient(90deg,rgba(54,135,198,.3),rgba(83,185,200,.3));-webkit-background-clip:text;background-clip:text;color:transparent}
.article-head .h2{font-family:"Zen Kaku Gothic New","Noto Sans JP",sans-serif;font-weight:700;font-size:clamp(26px,5.2vw,40px);letter-spacing:1.5px;margin-top:6px;line-height:1.45;background:linear-gradient(90deg,#53b9c8,#3687c6);-webkit-background-clip:text;background-clip:text;color:transparent}

.testimonial{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,60px);align-items:center;margin-bottom:clamp(50px,7vw,80px)}
.testimonial .t-title{font-family:"Zen Kaku Gothic New","Noto Sans JP",sans-serif;font-weight:700;font-size:clamp(21px,3.2vw,28px);line-height:1.6;letter-spacing:1.2px;color:#3e3e40}
.t-info{display:flex;align-items:center;gap:24px;margin-top:clamp(26px,4vw,44px)}
.t-info .avatar{width:120px;height:120px;flex:none;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.04);padding:10px}
.t-info .avatar img{width:100%;height:100%;object-fit:cover;border-radius:8px}
.t-info .meta .cname{font-weight:700;font-size:clamp(18px,2.6vw,22px);color:#3e3e40;margin-bottom:12px}
.t-info .meta dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:14px;color:#55555a;line-height:1.6;margin:0}
.t-info .meta dt{font-weight:600;white-space:nowrap;margin:0}
.t-info .meta dd{margin:0}
.testimonial .t-hero{width:100%;aspect-ratio:3/2;border-radius:20px;overflow:hidden;box-shadow:24px 24px 60px rgba(74,112,143,.2)}
.testimonial .t-hero img{width:100%;height:100%;object-fit:cover}

.contents{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:30px}
.contents .c-heading{border-left:3px solid #3687c6;padding:12px 0 12px 22px;font-family:"Zen Kaku Gothic New","Noto Sans JP",sans-serif;font-weight:700;font-size:clamp(19px,3vw,26px);line-height:1.5;letter-spacing:1px;color:#3e3e40}
.contents .qa{display:flex;gap:14px;align-items:flex-start;margin-top:8px}
.contents .qa .q{font-family:"Afacad",sans-serif;font-weight:600;font-size:clamp(26px,4vw,34px);line-height:1.3;color:#3687c6;flex:none}
.contents .qa .qtext{font-weight:600;font-size:clamp(17px,2.6vw,24px);line-height:1.5;letter-spacing:1px;color:#3e3e40;padding-top:2px;margin:0}
.contents .answer{font-size:clamp(15px,2.4vw,18px);line-height:2;color:#3e3e40;letter-spacing:.6px;margin:0}
.contents .c-image{border-radius:20px;overflow:hidden;margin:8px 0}
.contents .c-image img{width:100%;height:auto;display:block}
.summary-box{background:rgba(54,135,198,.04);border-radius:20px;padding:clamp(28px,4vw,50px);margin-top:14px}
.summary-box .stitle{font-family:"Zen Kaku Gothic New","Noto Sans JP",sans-serif;font-weight:700;font-size:clamp(18px,2.6vw,22px);color:#3687c6;letter-spacing:1px;margin-bottom:12px}
.summary-box p{font-size:clamp(15px,2.4vw,18px);line-height:2;color:#3e3e40;letter-spacing:.6px;margin:0}

.back-wrap{text-align:center;margin-top:clamp(50px,7vw,72px)}
.back-btn{display:inline-flex;align-items:center;gap:10px;height:56px;padding:0 40px;border:2px solid #3687c6;border-radius:96px;color:#3687c6;font-weight:700;font-size:15px;transition:transform .3s,background .3s,color .3s}
.back-btn:hover{transform:translateY(-2px);background:#3687c6;color:#fff}
.back-btn svg{width:18px;height:18px}

@media(max-width:820px){.testimonial{grid-template-columns:1fr}.testimonial .t-hero{order:-1}}
@media(max-width:560px){.article .wrap,.breadcrumb .wrap{padding:0 22px}.t-info{gap:16px}.t-info .avatar{width:92px;height:92px;padding:7px}}
.breadcrumb{padding:22px 0 0}
.breadcrumb .wrap{max-width:1080px;margin:0 auto;padding:0 30px}
.breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;color:#666}
.breadcrumb a{color:#666;transition:color .3s}
.breadcrumb a:hover{color:#3687c6}
.breadcrumb .sep{color:#c2ccd2;font-size:11px}
.breadcrumb li[aria-current]{color:#55555a;font-weight:600}

.article{padding:clamp(40px,6vw,64px) 0 clamp(70px,9vw,100px)}
.article .wrap{max-width:1080px;margin:0 auto;padding:0 30px}
.article-head{text-align:center;margin-bottom:clamp(40px,6vw,60px)}
.article-head .en-label{font-family:"Afacad",sans-serif;font-weight:600;letter-spacing:3px;text-transform:capitalize;font-size:clamp(28px,5vw,36px);line-height:1;display:block;background:linear-gradient(90deg,rgba(54,135,198,.3),rgba(83,185,200,.3));-webkit-background-clip:text;background-clip:text;color:transparent}
.article-head .h2{font-family:"Zen Kaku Gothic New","Noto Sans JP",sans-serif;font-weight:700;font-size:clamp(26px,5.2vw,40px);letter-spacing:1.5px;margin-top:6px;line-height:1.45;background:linear-gradient(90deg,#53b9c8,#3687c6);-webkit-background-clip:text;background-clip:text;color:transparent}

.news-title-wrap{max-width:1000px;margin:0 auto}
.news-title{font-family:"Zen Kaku Gothic New","Noto Sans JP",sans-serif;font-weight:700;font-size:clamp(23px,3.6vw,30px);line-height:1.6;letter-spacing:1.2px;color:#3e3e40}
.news-date{font-family:"Afacad",sans-serif;font-weight:500;font-size:15px;letter-spacing:.9px;color:rgba(62,62,64,.66);margin-top:14px}

.contents{max-width:1000px;margin:clamp(40px,6vw,64px) auto 0;display:flex;flex-direction:column;gap:30px}
.contents p{font-size:clamp(15px,2.4vw,18px);line-height:2;color:#3e3e40;letter-spacing:.6px;margin:0}
.contents .c-heading{border-left:3px solid #3687c6;padding:12px 0 12px 22px;font-family:"Zen Kaku Gothic New","Noto Sans JP",sans-serif;font-weight:700;font-size:clamp(19px,3vw,26px);line-height:1.5;letter-spacing:1px;color:#3e3e40;margin:0}
.contents .c-subheading{font-weight:600;font-size:clamp(17px,2.6vw,24px);line-height:1.5;letter-spacing:1px;color:#3e3e40;margin:8px 0 0}
.contents .c-image{border-radius:20px;overflow:hidden;margin:8px 0}
.contents .c-image img{width:100%;height:auto;display:block}
/* エディタ標準の見出しにも最低限のスタイルを当てる */
.contents h2:not(.c-heading){font-weight:700;font-size:clamp(19px,3vw,26px);border-left:3px solid #3687c6;padding-left:22px;margin:0}
.contents h3:not(.c-subheading){font-weight:600;font-size:clamp(17px,2.6vw,24px);margin:8px 0 0}
.contents img{border-radius:20px}

.back-wrap{text-align:center;margin-top:clamp(50px,7vw,72px)}
.back-btn{display:inline-flex;align-items:center;gap:10px;height:56px;padding:0 40px;border:2px solid #3687c6;border-radius:96px;color:#3687c6;font-weight:700;font-size:15px;transition:transform .3s,background .3s,color .3s}
.back-btn:hover{transform:translateY(-2px);background:#3687c6;color:#fff}
.back-btn svg{width:18px;height:18px}
@media(max-width:560px){.article .wrap,.breadcrumb .wrap{padding:0 22px}}
.cm-empty-message {
  color: #666;
  text-align: center;
}

/* Interview detail: Figma 58:2446 / 58:2584 */
.article.interview-article {
  position: relative;
  padding: 0;
  overflow: hidden;
}

.interview-hero-shell {
  position: relative;
  isolation: isolate;
  overflow: visible;
}

.interview-hero-shell::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0 0 auto;
  width: 100%;
  height: calc(100% + clamp(180px, 14vw, 270px));
  background: url("../img/interview/interview-top-wave.svg") center top / 100% 100% no-repeat;
  transform: scaleY(-1);
  transform-origin: center;
}

.interview-hero-shell .breadcrumb .wrap {
  max-width: 1260px;
}

.interview-intro {
  padding: 40px 0 0;
}

.interview-article .interview-intro-wrap {
  max-width: 1260px;
}

.interview-article .article-head {
  margin-bottom: 50px;
}

.interview-article .article-head .h2 {
  font-size: 50px;
}

.interview-article .testimonial {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  align-items: center;
  margin: 0;
}

.interview-article .t-copy {
  padding-right: 60px;
}

.interview-article .t-title {
  font-size: 28px;
  line-height: 1.6;
  letter-spacing: 1.2px;
  word-break: auto-phrase;
}

.interview-article .t-info {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  grid-template-areas:
    "avatar cname"
    "avatar details"
    "avatar address";
  column-gap: 30px;
  row-gap: 15px;
  align-items: center;
  margin-top: 50px;
}

.interview-article .t-info .avatar {
  grid-area: avatar;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 180px;
  height: 180px;
  padding: 15px;
  border-radius: 20px;
  box-shadow: none;
}

.interview-article .t-info .avatar img {
  width: 100%;
  height: auto;
  aspect-ratio: 640 / 470;
  object-fit: cover;
  border-radius: 0;
}

.interview-article .t-info .cname {
  grid-area: cname;
  margin: 0;
  color: #3e3e40;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.5;
}

.interview-article .t-info dl {
  grid-area: details;
  display: grid;
  grid-template-columns: 100px minmax(0, 1fr);
  gap: 15px 0;
  margin: 0;
  color: #55555a;
  font-size: 18px;
  line-height: 1.8;
}

.interview-article .t-info dt,
.interview-article .t-info dd {
  margin: 0;
}

.interview-article .t-info dt {
  font-weight: 600;
  white-space: nowrap;
}

.interview-article .t-info dd,
.interview-article .t-info a {
  min-width: 0;
  overflow-wrap: anywhere;
}

.interview-article .t-address {
  grid-area: address;
  margin: 0;
  color: #55555a;
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: 1.8px;
}

.interview-article .t-hero {
  width: 100%;
  aspect-ratio: 3 / 2;
  border-radius: 20px;
  box-shadow: 30px 30px 86px rgba(74, 112, 143, 0.2);
}

.interview-body {
  padding: 80px 0 clamp(70px, 9vw, 100px);
}

.interview-article .interview-body .contents {
  margin-top: 0;
}

@media (max-width: 1000px) {
  .interview-hero-shell {
    background: linear-gradient(180deg, #fff 0%, #f8f8f8 56%, #fff 100%);
  }

  .interview-hero-shell::before {
    display: none;
  }

  .interview-intro {
    padding-bottom: 80px;
  }

  .interview-article .article-head .h2 {
    font-size: clamp(34px, 5vw, 44px);
  }

  .interview-article .testimonial {
    grid-template-columns: minmax(0, 1fr);
    gap: 40px;
  }

  .interview-article .t-copy {
    padding-right: 0;
  }

  .interview-article .t-hero {
    order: -1;
    max-width: 720px;
    margin: 0 auto;
  }

  .interview-article .t-title,
  .interview-article .t-info {
    max-width: 720px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media (max-width: 560px) {
  .interview-hero-shell .breadcrumb {
    padding-top: 20px;
  }

  .interview-hero-shell .breadcrumb .wrap,
  .interview-article .interview-intro-wrap {
    padding-right: 30px;
    padding-left: 30px;
  }

  .interview-hero-shell .breadcrumb ol {
    gap: 6px;
    font-size: 10px;
  }

  .interview-hero-shell .breadcrumb .sep {
    font-size: 10px;
  }

  .interview-intro {
    padding: 30px 0 60px;
  }

  .interview-article .article-head {
    margin-bottom: 30px;
  }

  .interview-article .article-head .en-label,
  .interview-article .article-head .h2 {
    font-size: 26px;
  }

  .interview-article .testimonial {
    gap: 30px;
  }

  .interview-article .t-copy {
    display: flex;
    flex-direction: column;
    gap: 25px;
  }

  .interview-article .t-title {
    margin: 0;
    font-size: 18px;
    line-height: 1.6;
    letter-spacing: 1.08px;
  }

  .interview-article .t-info {
    grid-template-columns: 90px minmax(0, 1fr);
    grid-template-areas:
      "avatar cname"
      "details details"
      "address address";
    gap: 20px 12px;
    margin-top: 0;
    padding: 20px 25px 25px;
    border-radius: 20px;
    background: linear-gradient(90deg, rgba(83, 185, 200, 0.04), rgba(54, 135, 198, 0.04));
  }

  .interview-article .t-info .avatar {
    width: 90px;
    height: 90px;
    padding: 8px;
    border-radius: 10px;
  }

  .interview-article .t-info .cname {
    font-size: 16px;
  }

  .interview-article .t-info dl {
    grid-template-columns: 100px minmax(0, 1fr);
    gap: 12px 0;
    font-size: 16px;
    line-height: 1.5;
  }

  .interview-article .t-address {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 1.6px;
  }

  .interview-article .t-hero {
    box-shadow: none;
  }

  .interview-body {
    padding-top: 40px;
  }
}