@charset "UTF-8";

/* tab
----------------------------------------------- */
.tab {margin: 0 auto 4vw; display:-webkit-box; display:-moz-box; display:box; display:-webkit-flex; display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
.tab li {position: relative;background: #fff;color:#342d34;text-align: center;width: 49%;margin-bottom: 2%;border-radius: 8px 8px 0 0;font-feature-settings: "palt";letter-spacing: .05em;display: table;min-height: 14vw;}
.tab li.current {background: var(--gold);}
.tab li.current a { color:#fff;}
.tab li.current:after {content: "\f107";font-family: icon;color: #fff;position: absolute;top: 70%;left: 50%;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.tab li a {padding: 2.4vw 2vw 4vw;font-size: 3.4vw;line-height: 1.2;display: table-cell;vertical-align: middle;}
.tab li span {font-weight: 400;font-size: 3vw;display: block;}
.tab li:after {content: "\f107";font-family: icon;color:#342d34;position: absolute;top: 60%;left: 50%;top: 70%;left: 50%;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.tab li:hover { opacity: 0.8;}
.tab li.current:hover a { color:#000;}
.tab li.current:hover:after { color:#000;}

.interview-list{margin-bottom: 10vw;}
.interview-list li{width: 100%;margin-bottom: 4vw;}



/* ============================================= 
pc
================================================*/
@media screen and (min-width: 736px) { 

/* tab
----------------------------------------------- */
.tab {margin: 0 auto 30px;}
.tab:after {content: "";width:49.5%; }
.tab li {margin-bottom: 12px;width: 24%;min-height: 73px;}
.tab li a {padding: 12px 10px 20px;font-size: 18px;line-height: 1.3;}
.tab li span {font-size: 13px;}
.tab li:after {content: "\f107";font-family: icon;color:#342d34;position: absolute;top: 70%;}
.tab li.current:after {top: 60%;}

.interview-list{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;justify-content: space-between;margin-bottom: 50px;}
.interview-list li{width: 32%;margin-bottom: 30px;}
.instagram-media{max-width: 100%!important;min-width: auto!important;}
    
}