@charset "utf-8";
/* ========================================================================

  interview.css

======================================================================== */

:root {
--gradient-red:linear-gradient(0deg,rgba(255, 0, 0, 0.8) 0%, rgba(255, 0, 0, 0.1) 100%);
--gradient-red-90:linear-gradient(90deg,rgba(255, 0, 0, 0.8) 0%, rgba(255, 0, 0, 0.1) 100%);
--gradient-red-180:linear-gradient(180deg,rgba(255, 0, 0, 0.8) 0%, rgba(255, 0, 0, 0.1) 100%);
--gradient-red-270:linear-gradient(270deg,rgba(255, 0, 0, 0.8) 0%, rgba(255, 0, 0, 0.1) 100%);
--gradient-green:linear-gradient(0deg,rgba(115, 200, 25, 0.8) 0%, rgba(115, 200, 25, 0.1) 100%);
--gradient-green-90:linear-gradient(90deg,rgba(115, 200, 25, 0.8) 0%, rgba(115, 200, 25, 0.1) 100%);
--gradient-green-180:linear-gradient(180deg,rgba(115, 200, 25, 0.8) 0%, rgba(115, 200, 25, 0.1) 100%);
--gradient-green-270:linear-gradient(270deg,rgba(115, 200, 25, 0.8) 0%, rgba(115, 200, 25, 0.1) 100%);
}
/************************************************************************
  body.interview
************************************************************************/
body.interview main { background-color:#ffffff; color:#000000; }
body.interview main::after { height:calc(360/750*100vw); background:#d8ebf1; opacity:1; }

#cross-talk main::after { height:min(calc(835/1920*100vw), 835px); background:#1F82BE; background:linear-gradient(0deg,rgba(31, 130, 190, 1) 0%, rgba(173, 242, 92, 0.56) 62%, rgba(216, 235, 241, 0.1) 100%); opacity:0.8; }
/* ============ smart phone ============ */
@media (max-width:750px){
#cross-talk main::after { height:calc(365/750*100vw); background:#d8ebf1; opacity:1; }

}
/************************************************************************
  #interview-nav
************************************************************************/
#interview-nav { padding:min(calc(80/1920*100vw), 80px) 0; background-color:#ffffff; }
#interview-nav ul { margin:auto; width:min(calc(1415/1920*100vw), 1415px); display:flex; justify-content:space-between; }
#interview-nav ul li { padding:0 0 min(calc(30/1920*100vw), 30px); width:min(calc(455/1920*100vw), 455px); background-repeat:no-repeat; background-size:100% auto; color:#ffffff; border-radius:min(calc(10/1920*100vw), 10px); position:relative; overflow:hidden; }
/* h3 */
#interview-nav ul li h3 { margin:0 0 min(calc(25/1920*100vw), 25px); padding:min(calc(30/1920*100vw), 30px) 0 0;  text-align:center; font-size:0; }
#interview-nav ul li h3 span { margin:auto; background-repeat:no-repeat; background-size:100% auto; display:block; font-size:0; }
/* h4 */
#interview-nav ul li h4 { text-align:center; font-size:var(--fontsize-30); }
#interview-nav ul li h4 small { margin-bottom:min(calc(15/1920*100vw), 15px); font-size:var(--fontsize-20); display:inline-block; }
#interview-nav ul li h4 span::before,
#interview-nav ul li h4 span::after { content:''; width:min(calc(30/1920*100vw), 30px); height:min(calc(1.5/1920*100vw), 1.5px); background-color:#000000; display:inline-block; vertical-align:middle; }
#interview-nav ul li h4 span::before { margin-right:min(calc(5/1920*100vw), 5px); }
#interview-nav ul li h4 span::after { margin-left:min(calc(5/1920*100vw), 5px); }
/* p.txt */
#interview-nav ul li p.txt { margin:0 min(calc(30/1920*100vw), 30px); line-height:calc(36/22); font-size:var(--fontsize-22); }
#interview-nav ul li p.txt span { font-size:var(--fontsize-20); }
#interview-nav ul li p.txt strong { font-size:var(--fontsize-45); }
#interview-nav ul li p.txt small { font-size:var(--fontsize-18); }
#interview-nav ul li a { width:100%; height:100%; font-size:0; display:block; position:absolute; top:0; left:0; /*background-color:rgba(255,0,0,0.5);*/ }

#interview-nav ul li#nav-interview-1 h3 { background:var(--gradient-red-90); }
#interview-nav ul li#nav-interview-2 h3 { background:var(--gradient-green-90); }

#interview-nav ul li#nav-interview-1 h3,
#interview-nav ul li#nav-interview-2 h3 { height:min(calc(90/1920*100vw), 90px); }

#interview-nav ul li#nav-interview-1 h3 span, 
#interview-nav ul li#nav-interview-2 h3 span { width:min(calc(130/1920*100vw), 130px); height:min(calc(26/1920*100vw), 26px); background-image:url('../images/interview/h3_interview.svg'); }
#interview-nav ul li#nav-cross-talk h3 span { width:min(calc(130/1920*100vw), 130px); height:min(calc(26/1920*100vw), 26px); background-image:url('../images/interview/h3_cross-talk.svg'); }

#interview-nav ul li#nav-interview-1 p.txt.bold,
#interview-nav ul li#nav-interview-2 p.txt.bold { margin-bottom:min(calc(35/1920*100vw), 35px); }

#interview-nav ul li#nav-interview-1 { background-image:url('../images/interview/bg_nav-interview-1.jpg'); }#interview-nav ul li#nav-interview-2 { background-image:url('../images/interview/bg_nav-interview-2.jpg'); }#interview-nav ul li#nav-cross-talk { background-image:url('../images/interview/bg_nav-cross-talk.jpg'); }
#interview-nav ul li#nav-cross-talk h3 { margin-bottom:min(calc(10/1920*100vw), 10px); }
#interview-nav ul li#nav-cross-talk h3,
#interview-nav ul li#nav-cross-talk h4 { color:#000000; }
#interview-nav ul li#nav-cross-talk p.txt { position:absolute; bottom:min(calc(30/1920*100vw), 30px); }
/* ============ for high resolution ============ */
@media only screen and (-webkit-min-device-pixel-ratio:2){
#interview-nav ul li#nav-interview-1 { background-image:url('../images/interview/bg_nav-interview-1@2x.jpg'); }#interview-nav ul li#nav-interview-2 { background-image:url('../images/interview/bg_nav-interview-2@2x.jpg'); }#interview-nav ul li#nav-cross-talk { background-image:url('../images/interview/bg_nav-cross-talk@2x.jpg'); }
}
/* ============ smart phone ============ */
@media (max-width:750px){
#interview-nav { padding:calc(40/750*100vw) 0 calc(100/750*100vw); }
#interview-nav ul { width:calc(600/750*100vw); flex-direction:column; }
#interview-nav ul li { margin-bottom:calc(40/750*100vw); width:auto; height:auto; min-height:calc(540/750*100vw);; border-radius:calc(13/750*100vw); }
#interview-nav ul li:last-child { margin-bottom:0; }
#interview-nav ul li h3 { margin-bottom:calc(20/750*100vw); padding-top:calc(30/750*100vw); font-size:var(--fontsize-42-sp); }
#interview-nav ul li p.txt { margin:0 calc(35/750*100vw); line-height:calc(50/30); font-size:var(--fontsize-30-sp); }
#interview-nav ul li p.txt span { margin-bottom:calc(45/750*100vw); display:inline-block; }

#interview-nav ul li#nav-interview-1 h3, 
#interview-nav ul li#nav-interview-2 h3 { height:calc(92/750*100vw); }
#interview-nav ul li#nav-interview-1 h3 span, 
#interview-nav ul li#nav-interview-2 h3 span { width:calc(155/750*100vw); height:calc(30/750*100vw); }
#interview-nav ul li#nav-interview-1 p.txt.bold, 
#interview-nav ul li#nav-interview-2 p.txt.bold { margin:0 calc(35/750*100vw) calc(50/750*100vw); }

/* #nav-cross-talk */
#interview-nav ul li#nav-cross-talk h3 span { margin-bottom:calc(20/750*100vw); width:calc(177/750*100vw); height:calc(30/750*100vw); }
#interview-nav ul li#nav-cross-talk h4 { font-size:var(--fontsize-40-sp); }
#interview-nav ul li#nav-cross-talk h4 small { margin-bottom:calc(20/750*100vw); }
#interview-nav ul li#nav-cross-talk h4 span::before, 
#interview-nav ul li#nav-cross-talk h4 span::after { width:calc(40/750*100vw); height:calc(2/750*100vw); }
#interview-nav ul li#nav-cross-talk h4 span::before { margin-right:calc(5/750*100vw); }
#interview-nav ul li#nav-cross-talk h4 span::after { margin-left:calc(5/750*100vw); }
#interview-nav ul li#nav-cross-talk p.txt { bottom:calc(30/750*100vw); }

#interview-nav ul li#nav-interview-1 { background-image:url('../images/interview/bg_nav-interview-1_sp.jpg'); }#interview-nav ul li#nav-interview-2 { background-image:url('../images/interview/bg_nav-interview-2_sp.jpg'); }#interview-nav ul li#nav-cross-talk { background-image:url('../images/interview/bg_nav-cross-talk_sp.jpg'); }

/* ============ for high resolution ============ */
@media only screen and (-webkit-min-device-pixel-ratio:2){
#interview-nav ul li#nav-interview-1 { background-image:url('../images/interview/bg_nav-interview-1_sp@2x.jpg'); }#interview-nav ul li#nav-interview-2 { background-image:url('../images/interview/bg_nav-interview-2_sp@2x.jpg'); }#interview-nav ul li#nav-cross-talk { background-image:url('../images/interview/bg_nav-cross-talk_sp@2x.jpg'); }
}
}
/************************************************************************
  #kv
************************************************************************/
#kv { margin-bottom:min(calc(170/1920*100vw), 170px); min-height:min(calc(990/1920*100vw), 990px); background-color:#f8f8f8; position:relative; }
#kv .contents { margin-left:min(calc(220/1920*100vw), 220px); padding:min(calc(140/1920*100vw), 140px) 0 0; }
#kv::before { width:min(calc(430/1920*100vw), 430px); height:100%; left:min(calc(530/1920*100vw), 530px); z-index:1; }
#kv::before,
#kv::after { content:''; position:absolute; display:block; }
#kv::after { width:min(calc(1134/1920*100vw), 1134px); height:min(calc(731/1920*100vw), 731px); background-repeat:no-repeat; background-size:100% auto; top:0; right:0; z-index:0; }
/* h2 */
#kv h2 { margin-bottom:min(calc(210/1920*100vw), 210px); width:min(calc(510/1920*100vw), 510px); position:relative; display:flex; align-items:center; justify-content:space-between; position:relative; z-index:3; }
#kv h2::before { content:''; width:100%; height:min(calc(3/1920*100vw), 3px); background:url('../images/interview/kv_h2.svg') no-repeat; background-size:100% auto; display:block; position:absolute; bottom:max(calc(-35/1920*100vw), -35px); z-index:2; }
#kv h2 span { width:min(calc(259/1920*100vw), 259px); height:min(calc(51/1920*100vw), 51px); background:url('../images/interview/h2_kv.svg') no-repeat; background-size:100% auto; font-size:0; display:inline-block; }
#kv h2 small { font-size:var(--fontsize-20); }
/* h3 */
#kv h3 { line-height:calc(66/40); font-weight:500; font-size:var(--fontsize-40); position:absolute; letter-spacing:0.05em; bottom:min(calc(80/1920*100vw), 80px); left:min(calc(790/1920*100vw), 790px); z-index:2; }
/* h4 */
#kv h4 { margin-bottom:min(calc(35/1920*100vw), 35px); font-weight:500; font-size:var(--fontsize-60); }
/* h5 */
#kv h5 { margin-bottom:min(calc(20/1920*100vw), 20px); line-height:calc(66/40); font-weight:500; font-size:var(--fontsize-18); }
/* p.txt */
#kv p.txt { width:min(calc(515/1920*100vw), 515px); line-height:calc(30/16); font-size:var(--fontsize-16); }
/* p.note */
#kv p.note { padding:min(calc(15/920*100vw), 15px) 0 0; text-align:left; }
#kv p.note small { font-size:var(--fontsize-12); }

/* #interview-1 */
#interview-1 #kv::before { background:var(--gradient-red-180); }
#interview-1 #kv::after { background-image:url('../images/interview/kv_interview-1.jpg'); }

/* #interview-2 */
#interview-2 #kv::before { background:var(--gradient-green-180); }
#interview-2 #kv::after { background-image:url('../images/interview/kv_interview-2.jpg'); }

/* #cross-talk */
#cross-talk #kv { margin-bottom:min(calc(105/1920*100vw), 105px); }
#cross-talk #kv::after { width:100%; height:100%; background-image:url('../images/interview/kv_cross-talk.jpg'); left:0; }
#cross-talk #kv h2 { width:min(calc(600/1920*100vw), 600px);  }
#cross-talk #kv h2::before { background-image:url('../images/interview/kv_h2_cross-talk.svg'); }
#cross-talk #kv h2 span { width:min(calc(278/1920*100vw), 278px); height:min(calc(51/1920*100vw), 51px); background-image:url('../images/interview/h2_kv_cross-talk.svg'); }
#cross-talk #kv h2 small { margin-right:min(calc(10/1920*100vw), 10px); line-height:calc(32/20); text-align:left; }

#cross-talk #kv h2 small { color:#ffffff; }
#cross-talk #kv h3 { padding-left:min(calc(100/1920*100vw), 100px); width:min(calc(890/1920*100vw), 890px); height:min(calc(200/1920*100vw), 200px); background-color:#aac8ca; border-radius:min(calc(100/1920*100vw), 100px); display:flex; align-items:center; bottom:min(calc(190/1920*100vw), 190px); right:min(calc(25/1920*100vw), 25px); left:auto; }

/* ============ for high resolution ============ */
@media only screen and (-webkit-min-device-pixel-ratio:2){
#interview-1 #kv::after { background-image:url('../images/interview/kv_interview-1@2x.jpg'); }
#interview-2 #kv::after { background-image:url('../images/interview/kv_interview-2@2x.jpg'); }
#cross-talk #kv::after { background-image:url('../images/interview/kv_cross-talk@2x.jpg'); }
}
/* ============ smart phone ============ */
@media (max-width:750px){
#kv { margin-bottom:calc(65/750*100vw); }
#kv::before { width:100%; height:calc(145/750*100vw); border-bottom:calc(2/750*100vw) solid #808080; left:0; }
#kv::after { width:calc(700/750*100vw); height:calc(450/750*100vw); top:calc(145/750*100vw); }
#kv .contents { margin-left:0; padding:0 0 calc(310/750*100vw); }
/* .box */
#kv .contents .box { padding:0 calc(50/750*100vw); display:flex; justify-content:space-between; position:relative; }
#kv .contents .box .profile { padding-left:calc(50/750*100vw); width:calc(500/750*100vw); border-left:1px solid #000000; }
#kv .contents .box .profile p.txt { margin:0; width:auto; }
#kv .contents .box .profile .note { position:absolute; bottom:0; left:calc(50/750*100vw); }
/* h2 */
#kv h2 { margin-bottom:calc(495/750*100vw); padding:0 0 0 calc(55/750*100vw); width:100%; height:calc(145/750*100vw); color:#4d4d4d; flex-direction:column; align-items:flex-start; justify-content:center; }
#kv h2::before { display:none; }
#kv h2 span { margin-bottom:calc(15/750*100vw); width:calc(258/750*100vw); height:calc(50/750*100vw); }
#kv h2 small { font-size:var(--fontsize-22-sp); }
/* h3 */
#kv h3 { margin:0 auto; width:auto; font-size:var(--fontsize-38-sp); bottom:calc(90/750*100vw); left:calc(50/750*100vw); }
/* #interview-1 */
#interview-1 #kv::before { background:var(--gradient-red-270); }
/* #interview-2 */
#interview-2 #kv::before { background:var(--gradient-green-270); }

/* #cross-talk */
#cross-talk #kv { margin-bottom:calc(45/750*100vw); padding:0; min-height:calc(752/750*100vw); background-color:transparent; }
#cross-talk #kv::after { width:calc(750/750*100vw); height:calc(448/750*100vw); background-image:url('../images/interview/kv_cross-talk_sp.jpg'); }
#cross-talk #kv .contents { padding:0; }
#cross-talk #kv h2 { width:auto; background-color:#aac8ca; border-bottom:2px solid #808080; }
#cross-talk #kv h2 span { margin-bottom:calc(10/750*100vw); width:calc(294/750*100vw); height:calc(52/750*100vw); }
#cross-talk #kv h2 small { color:#4d4d4d; }
#cross-talk #kv h2 small br { display:none; }
#cross-talk #kv h3 { padding-left:calc(45/750*100vw); width:calc(710/750*100vw); height:calc(160/750*100vw); border-radius:calc(80/750*100vw) 0 0 calc(80/750*100vw); line-height:calc(64/38); bottom:0; right:0; }
}
/************************************************************************
  #bg
************************************************************************/
#bg { background:url('../images/interview/bg_interview.svg') no-repeat top center; background-size:100% auto; }
/* ============ smart phone ============ */
@media (max-width:750px){
#bg { background-image:url('../images/interview/bg_interview_sp.svg'); }
}
/************************************************************************
  section.column
************************************************************************/
section.column { margin:0 auto min(calc(150/1920*100vw), 150px); }
section.column:last-child { margin-bottom:0; }
section.column .contents { margin:auto; width:min(calc(1185/1920*100vw), 1185px); }
section.column .contents h2 { margin-bottom:min(calc(70/1920*100vw), 70px); padding:min(calc(25/1920*100vw), 25px) min(calc(40/1920*100vw), 40px); line-height:calc(44/30); font-size:var(--fontsize-30); display:inline-block; position:relative; }

section.column .contents h2::before,
section.column .contents h2::after { content:''; width:min(calc(43/1920*100vw), 43px); height:min(calc(60/1920*100vw), 60px); display:block; position:absolute; }
section.column .contents h2::before { border-top:1px solid #000000; border-left:1px solid #000000; top:0; left:0; }
section.column .contents h2::after { border-bottom:1px solid #000000; border-right:1px solid #000000; bottom:0; right:0; }
/* ============ smart phone ============ */
@media (max-width:750px){
section.column .contents { margin-right:calc(50/750*100vw); margin-left:calc(50/750*100vw); margin-bottom:calc(85/750*100vw);  width:auto; }
section.column .contents h2 { margin-bottom:calc(30/750*100vw); padding:calc(20/750*100vw) calc(35/750*100vw); }
section.column .contents h2::before,
section.column .contents h2::after { width:calc(45/750*100vw); height:calc(60/750*100vw); }
}
/************************************************************************
  article.qa
************************************************************************/
section.column .contents article.qa { margin:0 auto min(calc(150/1920*100vw), 150px); display:flex; justify-content:space-between; }
section.column .contents article.qa:last-child { margin-bottom:0; }
/* .text */
section.column .contents article.qa div.text { width:min(calc(550/1920*100vw), 550px); }
section.column .contents article.qa h3 { margin:0 0 min(calc(50/1920*100vw), 50px); height:min(calc(60/1920*100vw), 60px); font-size:var(--fontsize-20); display:flex; align-items:center; }
section.column .contents article.qa h3 span { margin:0 min(calc(70/1920*100vw), 70px) 0 0; width:min(calc(112/1920*100vw), 112px); height:min(calc(20/1920*100vw), 20px); background-repeat:no-repeat; background-size:100% auto; font-size:0; display:flex; align-items:center; position:relative; }
section.column .contents article.qa span::after { content:''; width:min(calc(5/1920*100vw), 5px); height:min(calc(60/1920*100vw), 60px); position:absolute; left:min(calc(145/1920*100vw), 145px);  }
section.column .contents article.qa p.txt { line-height:calc(42/20); font-size:var(--fontsize-20); }

/* h3 */
#qa1 h3 span { background-image:url('../images/interview/h3_Question01.svg'); }
#qa2 h3 span { background-image:url('../images/interview/h3_Question02.svg'); }
#qa3 h3 span { background-image:url('../images/interview/h3_Question03.svg'); }
#qa4 h3 span { background-image:url('../images/interview/h3_Question04.svg'); }
#qa5 h3 span { background-image:url('../images/interview/h3_Question05.svg'); }
#qa6 h3 span { background-image:url('../images/interview/h3_Question06.svg'); }
#qa7 h3 span { background-image:url('../images/interview/h3_Question07.svg'); }
#qa8 h3 span { background-image:url('../images/interview/h3_Question08.svg'); }

/* #interview-1 */
#interview-1 section.column .contents article.qa div.text h3 span::after { background-color:#ff0000; }
/* #interview-2 */
#interview-2 section.column .contents article.qa div.text h3 span::after { background-color:#73c819; }

/* p.photo */
section.column .contents article.qa p.photo { width:min(calc(546/1920*100vw), 546px); }
/* ============ smart phone ============ */
@media (max-width:750px){
section.column .contents article.qa { margin-bottom:calc(85/750*100vw); width:auto; flex-direction:column; }
section.column .contents article.qa p.photo { order:1; margin-bottom:calc(60/750*100vw); width:100%; }
section.column .contents article.qa div.text { order:2; width:auto; }
section.column .contents article.qa h3 { margin-bottom:calc(60/750*100vw); height:calc(60/750*100vw); }
section.column .contents article.qa h3 span { margin-right:calc(70/750*100vw); width:calc(110/750*100vw); height:calc(19/750*100vw); }
section.column .contents article.qa h3 span::after { width:calc(5/750*100vw); height:calc(60/750*100vw); left:calc(145/750*100vw); }

section.column .contents article.qa#qa2 p.photo { order:2; margin-bottom:0; }
section.column .contents article.qa#qa2 div.text { order:1; margin-bottom:calc(60/750*100vw); }
section.column .contents article.qa#qa3 p.photo { order:2; margin-bottom:0; }
section.column .contents article.qa#qa3 div.text { order:1; margin-bottom:calc(60/750*100vw); }

#interview-1 section.column .contents article.qa#qa5 p.photo { display:none; }
#interview-2 section.column .contents article.qa#qa6 p.photo { display:none; }
}
/************************************************************************
  #message
************************************************************************/
#message .contents { margin:auto auto min(calc(140/1920*100vw), 140px); padding:min(calc(75/1920*100vw), 75px) 0 0; width:min(calc(1185/1920*100vw), 1185px); position:relative; }
#message div.text { margin:0 0 0 auto; padding:min(calc(95/1920*100vw), 95px) min(calc(55/1920*100vw), 55px); width:min(calc(635/1920*100vw), 635px);  background-color:#7bb1b2; color:#ffffff; position:relative; z-index:1; }
#message div.text h2 { margin-bottom:min(calc(45/1920*100vw), 45px); padding:0 0 min(calc(20/1920*100vw), 20px); border-bottom:1px solid #ffffff; line-height:calc(44/30); font-size:var(--fontsize-30); }
#message div.text p.txt { line-height:calc(42/20); font-size:var(--fontsize-20); }
#message p.photo { width:min(calc(844/1920*100vw), 844px); position:absolute; top:0; left:0; z-index:0; }
/* ============ smart phone ============ */
@media (max-width:750px){
#message { padding-bottom:calc(65/750*100vw); }
#message .contents { margin:0 calc(50/750*100vw); width:auto; display:flex; flex-direction:column; }
#message div.text { order:2; width:auto; }
#message p.photo { order:1; margin:auto; width:calc(650/750*100vw); position:static; }
}
/************************************************************************
  body#cross-talk #member
************************************************************************/
#member { margin-bottom:min(calc(80/1920*100vw), 80px); }
#member .contents { margin:auto; width:min(calc(1180/1920*100vw), 1180px); }
#member h2 { margin-bottom:min(calc(25/1920*100vw), 25px); width:min(calc(205/1920*100vw), 205px); height:min(calc(20/1920*100vw), 20px); background:url('../images/cross-talk/h2_cross-talk-member.svg') no-repeat; background-size:100% auto; }
#member ul { margin-bottom:min(calc(100/1920*100vw), 100px); display:flex; justify-content:space-between; }
#member ul li { width:min(calc(370/1920*100vw), 370px); position:relative; z-index:1; }
#member ul li::before { content:''; width:min(calc(55/1920*100vw), 55px); height:min(calc(400/1920*100vw), 400px); background:#1F82BE; background:linear-gradient(180deg,rgba(31, 130, 190, 1) 0%, rgba(31, 130, 190, 0) 100%); border-radius:min(calc(30/1920*100vw), 30px); display:block; position:absolute; top:min(calc(30/1920*100vw), 30px); left:0; z-index:-1; }
#member ul li article { margin-bottom:min(calc(45/1920*100vw), 45px); background-color:#f7f5f1; border-radius:min(calc(30/1920*100vw), 30px); display:flex; align-items:center; }
#member ul li article h3 { margin-bottom:min(calc(15/1920*100vw), 15px); font-size:var(--fontsize-20); }
#member ul li article p.txt { line-height:calc(24/16); font-size:var(--fontsize-16); }
#member ul li article .text { order:2; padding:0 min(calc(15/1920*100vw), 15px); }
#member ul li article p.photo { order:1; }
#member ul li > p.txt { margin-left:min(calc(85/1920*100vw), 85px); line-height:calc(30/16); font-size:var(--fontsize-16); }
#member ul li > p.txt small { font-size:var(--fontsize-12); }

/* ============ smart phone ============ */
@media (max-width:750px){
#member .contents { margin-right:calc(50/750*100vw); margin-left:calc(50/750*100vw); width:auto; }
#member h2 { margin-bottom:calc(40/750*100vw); width:calc(205/750*100vw); height:calc(19/750*100vw); }
/* ul */
#member ul { margin:auto auto calc(100/750*100vw); width:calc(650/750*100vw); flex-direction:column; }
#member ul li { margin-bottom:calc(90/750*100vw); width:auto; }
#member ul li:last-child { margin-bottom:0; }
#member ul li::before { width:calc(115/750*100vw); height:calc(285/750*100vw); border-radius: 0 0 calc(150/750*100vw) calc(150/750*100vw); top:calc(265/750*100vw); left:calc(25/750*100vw); }
/* article */
#member ul li article { border-radius:calc(30/750*100vw); }
#member ul li article h3 { margin-bottom:calc(45/750*100vw); font-size:var(--fontsize-62-sp); }
#member ul li article .text { padding:0 calc(35/750*100vw); }
#member ul li article p.txt { font-size:var(--fontsize-24-sp); }
#member ul li > p.txt { margin-left:calc(175/750*100vw); }
}
/************************************************************************
  body#cross-talk #lead
************************************************************************/
/* p.txt.bold */
#lead p.txt.bold { margin-bottom:min(calc(70/1920*100vw), 70px); padding:min(calc(100/1920*100vw), 100px); height:min(calc(270/1920*100vw), 270px); background-color:#f7f5f1; border-radius:min(calc(135/1920*100vw), 135px); line-height:calc(42/20); display:flex; align-items:center; font-size:var(--fontsize-20); }
/* ============ smart phone ============ */
@media (max-width:750px){
#lead { margin:0 auto calc(105/750*100vw); padding:calc(105/750*100vw) calc(80/750*100vw) calc(85/750*100vw);  width:calc(600/750*100vw); background-color:#f7f5f1; border-radius:calc(180/750*100vw); }
#lead p.txt.bold { margin:0 auto calc(50/750*100vw); padding:0; width:auto; height:auto; background-color:transparent; }
}
/************************************************************************
  body#cross-talk article.qa
************************************************************************/
#cross-talk article.qa dl { font-size:var(--fontsize-20); }
#cross-talk article.qa dl dt { color:#1f82be; line-height:calc(42/20); font-weight:700; }
#cross-talk article.qa dl dt::after { content:'\0003A'; margin:0 0.2em; display:inline-block; }
#cross-talk article.qa dl dd { margin:calc(-1em *(42/20)) 0 min(calc(30/1920*100vw), 30px) 0; padding:0 0 0 min(calc(65/1920*100vw), 65px); line-height:calc(42/20); }
/* article */
#cross-talk section.column .contents article.qa { display:block; }
#cross-talk section.column .contents article.qa h3 { padding-bottom:min(calc(25/1920*100vw), 25px); border-bottom:1px solid #4d4d4d; }
#cross-talk section.column .contents article.qa h3 span::after { background-color:#1f82be; }
#cross-talk section.column .contents article.qa .flex { justify-content:space-between; }
#cross-talk section.column .contents article.qa p.photo { order:1; width:min(calc(370/1920*100vw), 370px); }
#cross-talk section.column .contents article.qa dl { order:2; width:min(calc(775/1920*100vw), 775px); }
#cross-talk section.column .contents > p.photo { margin-bottom:min(calc(85/1920*100vw), 85px); }
/* #qa8 */
#cross-talk article.qa#qa8 { margin-bottom:min(calc(55/1920*100vw), 55px); }
#cross-talk article.qa#qa8 + p.photo { margin-bottom:0; }
/* ============ smart phone ============ */
@media (max-width:750px){
#cross-talk section.column .contents h2 { margin-bottom:calc(50/750*100vw);  }
/* article */
#cross-talk section.column .contents article.qa h3 { margin-bottom:calc(30/750*100vw); padding-bottom:calc(25/750*100vw); height:auto; line-height:calc(38/26); }
#cross-talk section.column .contents article.qa .flex { flex-direction:column; }
#cross-talk section.column .contents article.qa p.photo { width:auto; }
/* dl */
#cross-talk section.column .contents article.qa .flex dl { width:auto; }
#cross-talk section.column .contents article.qa .flex dl dt { padding-left:1em; }
#cross-talk section.column .contents article.qa .flex dl dd { padding-left:calc(115/750*100vw); }

#cross-talk p.photo#photo-004,
#cross-talk article.qa#qa4 p.photo,
#cross-talk article.qa#qa6 p.photo,
#cross-talk article.qa#qa7 p.photo { display:none; }
/* #qa8 */
#cross-talk article.qa#qa8 p.photo { display:none; }
#cross-talk article.qa#qa8 + p.photo { display:none; }
}
/************************************************************************
  body#cross-talk #portrait
************************************************************************/
#portrait { margin-bottom:min(calc(175/1920*100vw), 175px); background-color:#aac8ca; text-align:center; }
#portrait img { margin:auto; width:min(calc(1185/1920*100vw), 1185px); }
/* ============ smart phone ============ */
@media (max-width:750px){
#portrait img { width:calc(650/750*100vw);  }
}