#main.interview { padding-top:0; margin-top:24px;text-align:left; background-color:#fff; width:100%}
#main.interview .inner{width:94.6%; margin:0 auto; padding-top:4%;}
#main.interview h1{margin-bottom:4%; line-height:1.4em}
#main.interview h2{color:#fff; font-size:28px;text-align:left;padding: 1% 1% 1% 4%;}
#main.interview h3{color:#000;font-size:24px;padding:0;margin-bottom:3%}
#main.interview.win h2{color:#fff; }
#main.interview.win h3{color:#f599a0; margin-bottom:2%}
.br_tit{display:block; width:100%; text-align:right}
.br_line{display:inline-block}
#int_tit{background-color:#000000;background-image: url(../interview/images/int_tit_bg.jpg); background-position:center top;}
#main.interview #int_tit h2, #main.interview .box_pk h2{color:#000; padding:0}
#main.interview .logo{width:27%; float:left; margin-bottom:1.8%}
.box_yw, .box_gy{border:2px solid #f5b800; padding:2.4%; background-color:#fff; margin-bottom:4%; clear:both; overflow:hidden}
.box_pk{border:2px solid #f599a0; padding:2.4%; background-color:#fff; margin-bottom:4%; clear:both; overflow:hidden}
.box_gy{border:1px solid #b5b5b5; border-top:none;}
.box_yw img{width:8%; margin-right:2%;display:inline-block; vertical-align:top}
.box_yw h2{width:88%; display:inline-block;}
.box_yw p {clear:both;}
.tit_ywbg{background-image: url(../interview/images/int_tit_bg.jpg); background-position:center top; color:#fff; margin-bottom:0; padding: 1% 1% 1% 4%;}
.tit_ywbg_en{background-image: url(../interview/images/int_tit_bg.jpg); background-position:center top; color:#fff; margin-bottom:0; padding: 1% 1% 1% 4%;font-family:cursive;}
.tit_glbg{background-image: url(../images/team_tit_back.jpg); background-position:left top; margin-bottom:0; padding: 1% 1% 1% 4%;color:#4c4948 !important}
.tit_glbg_en{background-image: url(../images/team_tit_back.jpg); background-position:left top; margin-bottom:0; padding: 1% 1% 1% 4%;font-family:cursive;font-weight:900;color:#4c4948 !important}
.tit_ylbg_en{background-color: #f5b800; background-position:left top; margin-bottom:0; padding: 1% 1% 1% 4%;font-family:cursive;font-weight:bold;color:#FFF !important}
.pkbg_line{background-image: url(../interview/images/winint_tit_bg.png); background-position:center top;}
#main.interview h2.pkbg_line{background-color: #f599a0;color:#fff; margin-bottom:0;}
#main.interview h2.pkbg{background-color: #f599a0; margin-bottom:0}
.int_head {margin:0; padding:0; margin-bottom:4%}
.interview.win .int_pic{margin-bottom:3.6%}
.prf_pic{width:16%;display:inline-block; margin-right:3%; vertical-align:top}
p.prf_txt{width:80%; display:inline-block}
.sum_prf .prf_pic{float:right;margin-right:0;margin-left:2%; margin-bottom:2%; text-align:center}
.sum_prf .name{padding:2px 10px}
/* summary */
.sum_box{border:2px solid #b5b5b5;margin-bottom:2.4%;}
.sum_box img{display:block}
.sum_no{position:relative;border:2px solid #b5b5b5; overflow:hidden; clear:both; margin-bottom:2.4%;padding:2.4%; padding-bottom:0; height:243px; box-sizing:border-box}
.sum_no#case01{background-image:url(../interview/images/case01_tit.jpg); background-repeat:no-repeat;background-size:100.2% auto;}
.sum_no#case02{background-image:url(../interview/images/case02_tit.jpg); background-repeat:no-repeat;background-size:100.2% auto;}
.sum_no#case03{background-image:url(../interview/images/case03_tit.jpg); background-repeat:no-repeat;background-size:100.2% auto;}
.sum_no#case04{background-image:url(../interview/images/case04_tit.jpg); background-repeat:no-repeat;background-size:100.2% auto;/*background-color:#f4e2cf*/}
.sum_no#win01{background-image:url(../interview/images/win01_tit.jpg); background-repeat:no-repeat;background-size:cover;background-color:#ffffff}
.sum_no h1,.sum_no h3{font-size:24px; line-height:1.6em;text-align:left; width:82%; margin-top:2%;margin-left:18%}
.sum_no#case01 h1,.sum_no#case01 h3{width:62%; display:inline-block; margin-left:38%;}
.sum_txt{position:absolute; bottom:6%; right:2.4%; text-align:right}
.sum_no a{color:#000; display:block; height:100%;}
.sum_no p{text-align:right; margin:20px 0; width:100%}
.sum_prf{clear:both; overflow:hidden;}
/* interview index */
.read{background-color:#fabd00;color:#fff; display:inline-block; font-size:16px; font-weight:bold; letter-spacing:1px;-moz-border-radius:12px;  -webkit-border-radius:12px;  border-radius: 12px; float:right; padding:6px 20px;}
.sum_no .read a{color:#fff; display:block; }
/* guest */
.sum_gst ul li{clear:both; overflow:hidden; margin:2% auto}
.name{ display:inline-block;background-color:#808080; color:#fff; padding:0.4% 3%; margin-bottom:4%;;-moz-border-radius:12px;  -webkit-border-radius:12px;  border-radius: 12px;}
/* talk */
.int_q,.int_a{width:90%;margin:0 auto; margin-bottom:2% }
.int_q img,.int_a img{width:10%; margin-right:2%; display:inline-block;vertical-align:top}
.int_q p{font-weight:bold}
.int_q p,.int_a p{width:86%; display:inline-block; vertical-align:top; padding-top:2%}
/* entry */
#int_entry{text-align:center;}
#int_entry ul{font-size:0}
#int_entry ul li {display:inline-block; vertical-align:middle; box-sizing:border-box;width:100%;max-width:280px;margin:10px 20px;background-color:#e60012; color:#fff; font-size:18px;color:#fff;line-height:1.4em; /*min-height:80px*/}
#int_entry ul li a {color:#fff;padding:16px; display:block;}
/* team */
#tm_tit{margin-bottom:3.4%;}
#tm_pickup ul{font-size:0;}
#tm_pickup ul li{width:42.6%; display:inline-block; margin-bottom:3.4%}
#tm_pickup ul li:nth-child(2n+1){margin-right:14.8%}
#tm_request .btn {vertical-align: middle; box-sizing: border-box; width: 100%; max-width: 280px; margin: 10px 20px; background-color: rgb(230, 0, 18); color: #fff; font-size: 18px;line-height: 1.4em; margin:0 auto}
.team-popup {position: relative; background: #fff; padding: 40px; width: auto; max-width: 767px; margin: 20px auto;}
.team-popup .mfp-close {color:#000}
.team-popup .tm_name{font-size:24px;color:#000; text-align:center}
.team-popup .tm_msg{font-size:24px; text-align:center; margin:3% auto}
/* team form */
#tm_request p{margin-bottom:30px;}
.form_tit{display:inline-block;width:26%; vertical-align:top; font-weight:bold}
.form_data{display:inline-block;width:72%; vertical-align:top}
#agree_box {
width: 93%;
height: 260px;
overflow:auto;
padding: 0px 12px;
border: 1px solid #CCCCCC;
}
@media (min-width:768px){
#main.interview {width:73.4%;  margin-right:4%;margin-bottom: 4%;}
}
@media (max-width:767px){
.prf_pic{width:24%;display:inline-block; margin-right:3%; vertical-align:top}
p.prf_txt{width:70%; }
.sum_no .br_line{display:inline}
.sum_no#case04 h3{font-size:16px;}
.form_tit{display:block;width:100%; }
.form_data{display:block;width:100%;}
}
@media (max-width:600px){
#main.interview h2{color:#fff; font-size:22px;}
#main.interview h1{font-size:22px;}
.br_line{display:inline}
.br_tit{display:inline; width:auto;text-align:left}
.name{margin-bottom:2%}
}
@media (max-width:480px){
#main.interview h3{font-size:18px;}
.sum_no{height:200px}
.sum_txt{bottom:2%}
.sum_no p{margin:20px 0 10px 0}
.sum_no#case04 h3{font-size:15px;}
#tm_pickup ul li:nth-child(2n+1){margin-righr:0}
#tm_pickup ul li{width:100%; display:block; margin:0 auto;margin-bottom:6%}
}