@charset "UTF-8";
body, h1, h2, h3, h4, h5, table, th, td, ul, li, ol, dl, dt, dd, form, p, table, th, td { margin: 0px; padding: 0px; font-weight: 500; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; list-style-type: none; font-size: 100%; }

body { line-height: 1.3; font-family: YakuHanJP,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; -webkit-text-size-adjust: none; }

dt, dd, li, th, td, p { line-height: 1.5; }

a { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }

a img { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; transition: 0.5s; }

img { vertical-align: bottom; max-width: 100%; height: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

input, textArea, select, button { background: none; margin: 0px; outline: none; padding: 0px; font-weight: normal; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; list-style-type: none; font-size: 15px; }

button { cursor: pointer; }

* { box-sizing: border-box; -webkit-overflow-scrolling: touch; }

@media only screen and (min-width: 1025px) { a:hover { transition: 0.5s; }
  a:hover img { transition: 0.5s; opacity: .8; } }

#interview { counter-reset: number 0; }

#interview .wrap { overflow: hidden; background: #EFF1F4; }

@media only screen and (max-width: 1024px) { #interview .wrap { padding-top: 48px; } }

#interview .acumin { font-family: acumin-pro, sans-serif; }

#interview img { width: auto; }

@media only screen and (min-width: 641px) { #interview .sp_block { display: none; } }

#interview .main_width { display: block; margin-left: auto; margin-right: auto; max-width: 1600px; padding: 0 80px; }

@media only screen and (max-width: 1024px) { #interview .main_width { padding: 0 30px; } }

@media only screen and (max-width: 640px) { #interview .main_width { padding: 0 20px; } }

#interview .img_slider { position: relative; z-index: 1; opacity: 0; transition: opacity .3s linear; }

#interview .img_slider.slick-initialized { opacity: 1; }

#interview .img_slider .slick-track { display: flex; }

#interview .img_slider img { border: 1px #000 solid; display: block; }

#interview #main_kv { align-items: center; display: flex; flex-direction: row-reverse; height: 960px; position: relative; margin-bottom: 180px; }

@media only screen and (max-width: 1600px) { #interview #main_kv { height: auto; margin-bottom: 10vw; } }

@media only screen and (max-width: 900px) { #interview #main_kv { display: block; height: auto; margin-bottom: 72px; } }

#men #interview #main_kv { background-color: #1D92FF; }

@media only screen and (max-width: 900px) { #men #interview #main_kv { padding-bottom: 16px; } }

#interview #main_kv .img { position: absolute; width: 65.5%; height: 100%; overflow: hidden; left: 50%; transform: translateX(-220px); z-index: 1; }

@media only screen and (max-width: 1600px) { #interview #main_kv .img { width: auto; height: auto; transform: translateX(0); position: static; } }

@media only screen and (max-width: 900px) { #interview #main_kv .img { width: auto; position: static; transform: translateX(0); margin-bottom: 34px; }
  #men #interview #main_kv .img { width: auto; padding-left: 168px; } }

@media only screen and (max-width: 640px) { #men #interview #main_kv .img { padding-left: 84px; } }

#interview #main_kv .img img { width: 100%; height: auto; position: absolute; top: 0; left: 0; }

@media only screen and (max-width: 1600px) { #interview #main_kv .img img { position: static; width: 100%; height: auto; max-width: 100%; } }

#interview #main_kv .title_wrap { position: relative; z-index: 2; width: 100%; max-width: 1600px; padding-left: 80px; margin: 0 auto; }

@media only screen and (max-width: 1600px) { #interview #main_kv .title_wrap { width: 38%; } }

@media only screen and (max-width: 1300px) { #interview #main_kv .title_wrap { width: 40%; } }

@media only screen and (max-width: 1024px) { #interview #main_kv .title_wrap { padding-left: 30px; } }

@media only screen and (max-width: 900px) { #interview #main_kv .title_wrap { width: auto; } }

@media only screen and (max-width: 640px) { #interview #main_kv .title_wrap { padding: 0 20px; } }

#interview #main_kv .title_wrap p.title { line-height: 0.9; font-size: 110px; font-weight: 700; letter-spacing: -2px; margin-bottom: 20px; }

#men #interview #main_kv .title_wrap p.title { margin-bottom: 30px; }

@media only screen and (max-width: 1600px) { #interview #main_kv .title_wrap p.title { font-size: 7.2vw; } }

@media only screen and (max-width: 1300px) { #interview #main_kv .title_wrap p.title { font-size: 7.5vw; } }

@media only screen and (max-width: 640px) { #interview #main_kv .title_wrap p.title { font-size: 56px; } }

#interview #main_kv .title_wrap h1 { display: inline; font-size: 40px; }

#women #interview #main_kv .title_wrap h1 { background: linear-gradient(transparent 96%, #000 0%); line-height: 1.8; }

#interview #main_kv .title_wrap h1 span { font-weight: bold; }

@media only screen and (max-width: 1300px) { #interview #main_kv .title_wrap h1 { font-size: 3.42vw; } }

@media only screen and (max-width: 1024px) { #interview #main_kv .title_wrap h1 { font-size: 26px; } }

@media only screen and (max-width: 640px) { #interview #main_kv .title_wrap h1 { font-size: 24px; } }

#interview #main_kv .title_wrap h1 + p { letter-spacing: -1px; font-size: 32px; margin-top: 20px; }

@media only screen and (max-width: 1300px) { #interview #main_kv .title_wrap h1 + p { font-size: 2.4vw; } }

@media only screen and (max-width: 1024px) { #interview #main_kv .title_wrap h1 + p { font-size: 18px; } }

@media only screen and (min-width: 641px) { #interview #main_kv .title_wrap h1 + p { white-space: nowrap; } }

@media only screen and (max-width: 640px) { #interview #main_kv .title_wrap h1 + p { font-size: 16px; letter-spacing: 0; } }

#interview #main_kv a { display: block; width: 135px; height: 135px; position: absolute; bottom: 48px; left: 76px; }

#interview #main_kv a img { -webkit-animation: rotation 10s infinite linear; animation: rotation 10s infinite linear; }

#interview #main_kv a:after { background: url(../img/interview/arw.svg) no-repeat center center; background-size: contain; content: ''; display: block; width: 16px; height: 30px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

@keyframes rotation { from { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to { -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@-webkit-keyframes rotation { from { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to { -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@media only screen and (max-width: 1300px) { #interview #main_kv a { width: 10%; height: auto; bottom: 3%; }
  #interview #main_kv a:after { width: 10%; } }

@media only screen and (min-width: 1025px) { #interview #main_kv a:hover img { transform: scale(1.2); } }

@media only screen and (max-width: 1024px) { #interview #main_kv a { width: 100px; height: 100px; bottom: 24px; left: 30px; } }

@media only screen and (max-width: 900px) { #interview #main_kv a { position: relative; width: 80px; height: 80px; top: 0; left: 0; margin: 0 30px 0 auto; }
  #men #interview #main_kv a { margin: 60px 30px 16px auto; } }

@media only screen and (max-width: 640px) { #interview #main_kv a { margin: 0 20px 0 auto; }
  #men #interview #main_kv a { margin: 60px 20px 16px auto; } }

#interview #main_lead { margin-bottom: 40px; }

@media only screen and (max-width: 640px) { #interview #main_lead { margin-bottom: 24px; } }

#interview #main_lead .lead_wrap { position: relative; }

@media only screen and (max-width: 1600px) { #interview #main_lead .lead_wrap { display: flex; flex-wrap: wrap; } }

#interview #main_lead .lead_wrap .vertical_text { align-items: center; display: flex; font-family: acumin-pro, sans-serif; justify-content: center; position: absolute; width: calc(100% - 788px); top: 50%; height: 100%; right: 0; transform: translateY(-50%); }

@media only screen and (max-width: 1600px) { #interview #main_lead .lead_wrap .vertical_text { width: 30%; } }

@media only screen and (max-width: 1024px) { #interview #main_lead .lead_wrap .vertical_text { width: calc(100% - 640px); } }

@media only screen and (max-width: 900px) { #interview #main_lead .lead_wrap .vertical_text { width: 140px; } }

@media only screen and (max-width: 640px) { #interview #main_lead .lead_wrap .vertical_text { align-items: flex-start; justify-content: flex-start; position: static; transform: translate(0, 0); flex-shrink: 0; width: 74px; } }

#interview #main_lead .lead_wrap .vertical_text p { align-items: center; display: flex; font-size: 36px; font-weight: 700; justify-content: center; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; }

@media only screen and (max-width: 1600px) { #interview #main_lead .lead_wrap .vertical_text p { font-size: 2.35vw; } }

@media only screen and (max-width: 900px) { #interview #main_lead .lead_wrap .vertical_text p { font-size: 30px; } }

@media only screen and (max-width: 640px) { #interview #main_lead .lead_wrap .vertical_text p { font-size: 10px; } }

#interview #main_lead .lead_wrap .vertical_text p span { background: url(../img/interview/x.svg) no-repeat left top; background-size: contain; display: block; width: 40px; height: 40px; margin: 30px 0 30px -1px; }

@media only screen and (max-width: 1600px) { #interview #main_lead .lead_wrap .vertical_text p span { width: 2.8vw; height: 2.8vw; } }

@media only screen and (max-width: 640px) { #interview #main_lead .lead_wrap .vertical_text p span { background-size: cover; width: 10px; height: 10px; margin: 5px 0 5px 0; } }

#interview #main_lead .lead_wrap .lead, #interview #main_lead .lead_wrap .img_cont { width: 788px; margin-right: 30%; }

@media only screen and (max-width: 1024px) { #interview #main_lead .lead_wrap .lead, #interview #main_lead .lead_wrap .img_cont { width: 640px; } }

@media only screen and (max-width: 900px) { #interview #main_lead .lead_wrap .lead, #interview #main_lead .lead_wrap .img_cont { width: 100%; } }

@media only screen and (max-width: 640px) { #interview #main_lead .lead_wrap .lead, #interview #main_lead .lead_wrap .img_cont { margin-right: 0; } }

#interview #main_lead .lead_wrap .lead { margin-bottom: 67px; }

#women #interview #main_lead .lead_wrap .lead { width: 640px; max-width: 100%; }

@media only screen and (max-width: 1024px) { #interview #main_lead .lead_wrap .lead { width: 100%; } }

@media only screen and (max-width: 640px) { #interview #main_lead .lead_wrap .lead { flex: 1 1 0; padding-right: 0; } }

#interview #main_lead .lead_wrap .lead p { line-height: 2.3; }

@media only screen and (max-width: 640px) { #interview #main_lead .lead_wrap .lead p { font-size: 14px; line-height: 1.8; } }

#interview #main_lead .lead_wrap .lead p + p { margin-top: 1.5em; }

@media only screen and (max-width: 640px) { #interview #main_lead .lead_wrap .img_cont { width: 100%; padding-right: 0; } }

#interview #main_lead .lead_wrap .img_cont .img { margin-bottom: 40px; }

@media only screen and (max-width: 640px) { #interview #main_lead .lead_wrap .img_cont .img { margin-bottom: 23px; } }

#interview #main_lead .lead_wrap .img_cont .img img { border: 1px #000 solid; }

#interview #main_lead .lead_wrap .img_cont .text { display: flex; justify-content: space-between; margin: 0 -15px; }

@media only screen and (max-width: 640px) { #interview #main_lead .lead_wrap .img_cont .text { display: block; } }

#interview #main_lead .lead_wrap .img_cont .text .text_set { max-width: 384px; padding: 0 15px; }

@media only screen and (max-width: 640px) { #interview #main_lead .lead_wrap .img_cont .text .text_set + .text_set { margin-top: 20px; } }

#interview #main_lead .lead_wrap .img_cont .text .text_set dl { margin-bottom: 20px; }

@media only screen and (max-width: 640px) { #interview #main_lead .lead_wrap .img_cont .text .text_set dl { margin-bottom: 16px; } }

#interview #main_lead .lead_wrap .img_cont .text .text_set dl dt { line-height: 1.3; font-size: 20px; font-weight: bold; }

@media only screen and (max-width: 640px) { #interview #main_lead .lead_wrap .img_cont .text .text_set dl dt { font-size: 16px; } }

#interview #main_lead .lead_wrap .img_cont .text .text_set dl dd { font-family: Acumin-pro, sans-serif; font-size: 11px; font-weight: 700; text-transform: uppercase; }

#interview #main_lead .lead_wrap .img_cont .text .text_set p { font-size: 13px; line-height: 1.7; }

@media only screen and (max-width: 640px) { #interview #main_lead .lead_wrap .img_cont .text .text_set p { font-size: 11px; } }

#interview #main_lead .lead_wrap .img_cont .text .text_set p a { color: #00A6DD; }

#men #interview #main_lead .lead_wrap .img_cont { display: flex; }

#men #interview #main_lead .lead_wrap .img_cont .img { width: 236px; flex-shrink: 0; }

#men #interview #main_lead .lead_wrap .img_cont .img img { border: 1px #000 solid; }

@media only screen and (max-width: 900px) { #men #interview #main_lead .lead_wrap .img_cont .img { width: 200px; } }

@media only screen and (max-width: 640px) { #men #interview #main_lead .lead_wrap .img_cont .img { width: 130px; } }

#men #interview #main_lead .lead_wrap .img_cont .text { flex: 1 1 0; padding-left: 48px; }

@media only screen and (max-width: 900px) { #men #interview #main_lead .lead_wrap .img_cont .text { padding-left: 30px; } }

@media only screen and (max-width: 640px) { #men #interview #main_lead .lead_wrap .img_cont .text { padding-left: 40px; } }

#interview #main_lead .text_right { text-transform: uppercase; padding-right: 16px; margin-top: 50px; }

@media only screen and (max-width: 640px) { #interview #main_lead .text_right { padding-right: 0; } }

#interview #main_lead .text_right p { font-size: 13px; font-family: Acumin-pro, sans-serif; text-align: right; }

@media only screen and (max-width: 640px) { #interview #main_lead .text_right p { font-size: 10px; } }

#interview #trend_tips { counter-reset: number 0; margin-bottom: 160px; }

@media only screen and (max-width: 640px) { #interview #trend_tips { margin-bottom: 74px; } }

#interview #trend_tips .trend_set { border-bottom: 1px #000 solid; counter-increment: mycounter; padding: 140px 0; }

@media only screen and (max-width: 1600px) { #interview #trend_tips .trend_set { padding: 10.42vw 0; } }

@media only screen and (max-width: 640px) { #interview #trend_tips .trend_set { padding: 104px 0 64px; } }

#interview #trend_tips .trend_set:first-child .bg_wrap:before { background-color: #F1EDE1; }

#interview #trend_tips .trend_set:nth-child(2) .bg_wrap:before { background-color: #E6EDE3; }

#interview #trend_tips .trend_set:nth-child(3) .bg_wrap:before { background-color: #F8EDEA; }

#interview #trend_tips .trend_set:nth-child(4) .bg_wrap:before { background-color: #E1EDF0; }

#interview #trend_tips .trend_set:nth-child(5) .bg_wrap:before { background-color: #F3F3E0; }

@media only screen and (max-width: 640px) { #interview #trend_tips .trend_set:first-child .slide_wrap:before { background-color: #F1EDE1; }
  #interview #trend_tips .trend_set:nth-child(2) .slide_wrap:before { background-color: #E6EDE3; }
  #interview #trend_tips .trend_set:nth-child(3) .slide_wrap:before { background-color: #F8EDEA; }
  #interview #trend_tips .trend_set:nth-child(4) .slide_wrap:before { background-color: #E1EDF0; }
  #interview #trend_tips .trend_set:nth-child(5) .slide_wrap:before { background-color: #F3F3E0; } }

#interview #trend_tips .trend_set .main_width { padding-right: 140px; }

@media only screen and (max-width: 1600px) { #interview #trend_tips .trend_set .main_width { padding-right: 9.4vw; } }

@media only screen and (max-width: 1024px) { #interview #trend_tips .trend_set .main_width { padding-right: 30px; } }

@media only screen and (max-width: 640px) { #interview #trend_tips .trend_set .main_width { padding: 0; } }

#interview #trend_tips .trend_set .bg_wrap { position: relative; }

#interview #trend_tips .trend_set .bg_wrap:before { content: ''; display: block; width: 20000%; height: 54%; position: absolute; top: 53.5%; left: 50%; transform: translate(-50%, -50%); z-index: -1; }

@media only screen and (max-width: 640px) { #interview #trend_tips .trend_set .bg_wrap:before { display: none; } }

@media only screen and (min-width: 641px) { #interview #trend_tips .trend_set .title_wrap { display: flex; flex-direction: row-reverse; }
  #interview #trend_tips .trend_set .title_wrap .img, #interview #trend_tips .trend_set .title_wrap .title { width: 50%; } }

@media only screen and (max-width: 640px) { #interview #trend_tips .trend_set .title_wrap { position: relative; padding: 0 0 27px; z-index: 2; } }

#interview #trend_tips .trend_set .title_wrap .img img { border: 1px #000 solid; }

@media only screen and (max-width: 640px) { #interview #trend_tips .trend_set .title_wrap .img img { border: none; } }

#interview #trend_tips .trend_set .title_wrap .img .caption { line-height: 1; text-align: right; font-weight: 500; font-size: 14px; margin-top: 16px; }

@media only screen and (max-width: 640px) { #interview #trend_tips .trend_set .title_wrap .img .caption { font-size: 10px; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; position: absolute; top: 100%; right: 20px; width: 200%; height: 15em; text-align: left; margin-top: 0; } }

#interview #trend_tips .trend_set .title_wrap .title { position: relative; padding-left: 118px; }

@media only screen and (max-width: 1600px) { #interview #trend_tips .trend_set .title_wrap .title { padding-left: 8.1vw; } }

@media only screen and (max-width: 900px) { #interview #trend_tips .trend_set .title_wrap .title { padding-left: 0; } }

@media only screen and (max-width: 640px) { #interview #trend_tips .trend_set .title_wrap .title { position: static; padding: 0 20px; } }

#interview #trend_tips .trend_set .title_wrap .title .num { margin-bottom: 15px; }

#interview #trend_tips .trend_set .title_wrap .title .num:before { content: counter(mycounter, decimal-leading-zero); color: #000; display: block; font-weight: 200; font-size: 148px; line-height: 1; letter-spacing: -2px; position: relative; top: -.25em; }

@media only screen and (max-width: 1600px) { #interview #trend_tips .trend_set .title_wrap .title .num:before { font-size: 9.9vw; } }

@media only screen and (max-width: 900px) { #interview #trend_tips .trend_set .title_wrap .title .num:before { padding-left: 60px; } }

@media only screen and (max-width: 640px) { #interview #trend_tips .trend_set .title_wrap .title .num:before { font-size: 80px; padding-left: 40px; } }

#interview #trend_tips .trend_set .title_wrap .title .num span { -ms-writing-mode: tb-rl; writing-mode: vertical-rl; display: block; font-size: 23px; font-weight: 700; letter-spacing: -.5px; position: absolute; top: 0; left: 0; }

@media only screen and (max-width: 1600px) { #interview #trend_tips .trend_set .title_wrap .title .num span { font-size: 1.55vw; } }

@media only screen and (min-width: 641px) { #interview #trend_tips .trend_set .title_wrap .title .num span:after { background-color: #000; content: ''; display: block; width: 1px; height: 100%; margin-right: 20px; } }

@media only screen and (max-width: 640px) { #interview #trend_tips .trend_set .title_wrap .title .num span { font-size: 12px; padding-left: 10px; }
  #interview #trend_tips .trend_set .title_wrap .title .num span:after { background-color: #000; content: ''; display: block; width: 1px; height: 100%; position: absolute; top: 0; left: 0; } }

@media only screen and (max-width: 640px) { #interview #trend_tips .trend_set .title_wrap .title .num { position: absolute; top: 0; left: 20px; width: auto; transform: translateY(-36%); } }

#interview #trend_tips .trend_set .title_wrap .title h3 { width: 200%; }

@media only screen and (max-width: 640px) { #interview #trend_tips .trend_set .title_wrap .title h3 { position: relative; width: auto; z-index: 2; margin-top: -8%; } }

#interview #trend_tips .trend_set .title_wrap .title h3 > span { background-color: #fff; border: 1px #000 solid; display: table; font-size: 42px; padding: 24px 28px 19px 28px; }

@media only screen and (max-width: 1600px) { #interview #trend_tips .trend_set .title_wrap .title h3 > span { font-size: 2.5vw; } }

@media only screen and (max-width: 640px) { #interview #trend_tips .trend_set .title_wrap .title h3 > span { font-size: 22px; padding: 12px 16px 10px; }
  #interview #trend_tips .trend_set .title_wrap .title h3 > span.sp_not_style { background: none; border: none; display: block; font-size: 22px; padding: 0; }
  #interview #trend_tips .trend_set .title_wrap .title h3 > span > span { background-color: #fff; border: 1px #000 solid; display: table; padding: 12px 16px 10px; }
  #interview #trend_tips .trend_set .title_wrap .title h3 > span > span + span { border-top: none; } }

#interview #trend_tips .trend_set .title_wrap .title h3 > span + span { position: relative; top: -1px; }

@media only screen and (min-width: 641px) { #interview #trend_tips .trend_set .info_wrap { display: flex; }
  #interview #trend_tips .trend_set .info_wrap .img, #interview #trend_tips .trend_set .info_wrap .info { width: 50%; } }

#interview #trend_tips .trend_set .info_wrap .img { padding-left: 118px; }

@media only screen and (max-width: 1600px) { #interview #trend_tips .trend_set .info_wrap .img { padding-left: 5%; } }

@media only screen and (max-width: 640px) { #interview #trend_tips .trend_set .info_wrap .img { padding-left: 0; padding-right: 80px; } }

#interview #trend_tips .trend_set .info_wrap .img .slide_wrap { position: relative; max-width: 550px; margin-top: -50%; transform: translateX(100px); }

@media only screen and (max-width: 1600px) { #interview #trend_tips .trend_set .info_wrap .img .slide_wrap { transform: translateX(7.14vw); } }

@media only screen and (max-width: 900px) { #interview #trend_tips .trend_set .info_wrap .img .slide_wrap { transform: translateX(4vw); } }

@media only screen and (max-width: 640px) { #interview #trend_tips .trend_set .info_wrap .img .slide_wrap { margin-top: 0; transform: translateX(0); }
  #interview #trend_tips .trend_set .info_wrap .img .slide_wrap img { border-left: none; }
  #interview #trend_tips .trend_set .info_wrap .img .slide_wrap:before { content: ''; display: block; width: 20000%; height: 200%; position: absolute; bottom: 15%; left: 0; z-index: -1; } }

#interview #trend_tips .trend_set .info_wrap .img .slide_wrap span.deco { display: block; position: absolute; top: 25px; left: -118px; z-index: 2; }

@media only screen and (max-width: 1600px) { #interview #trend_tips .trend_set .info_wrap .img .slide_wrap span.deco { width: 13vw; top: 1.7vw; left: -8vw; } }

@media only screen and (max-width: 640px) { #interview #trend_tips .trend_set .info_wrap .img .slide_wrap span.deco { display: none; } }

#interview #trend_tips .trend_set .info_wrap .info { padding: 74px 0 0 216px; }

@media only screen and (max-width: 1600px) { #interview #trend_tips .trend_set .info_wrap .info { padding: 7% 0 0 18%; } }

@media only screen and (max-width: 900px) { #interview #trend_tips .trend_set .info_wrap .info { padding: 7% 0 0 10%; } }

@media only screen and (max-width: 640px) { #interview #trend_tips .trend_set .info_wrap .info { padding: 20px 20px 0 20px; } }

#interview #trend_tips .trend_set .info_wrap .info dl dt { font-size: 10px; }

@media only screen and (max-width: 640px) { #interview #trend_tips .trend_set .info_wrap .info dl dt { font-size: 8px; } }

#interview #trend_tips .trend_set .info_wrap .info dl dd { align-items: center; display: flex; justify-content: space-between; font-size: 13px; }

@media only screen and (max-width: 640px) { #interview #trend_tips .trend_set .info_wrap .info dl dd { font-size: 11px; } }

#interview #trend_tips .trend_set .info_wrap .info dl dd p { flex: 1 1 0; }

#interview #trend_tips .trend_set .info_wrap .info dl dd .price { color: #666; display: block; font-size: 11px; }

@media only screen and (max-width: 640px) { #interview #trend_tips .trend_set .info_wrap .info dl dd .price { font-size: 10px; } }

#interview #trend_tips .trend_set .info_wrap .info dl dd a { background-color: #fff; border: 1px #000 solid; display: block; font-family: acumin-pro, sans-serif; font-weight: 600; line-height: 1; font-size: 12px; margin-left: 10px; padding: 4px 14px 5px; }

@media only screen and (max-width: 640px) { #interview #trend_tips .trend_set .info_wrap .info dl dd a { font-size: 12px; padding: 6px 15px 8px; } }

@media only screen and (min-width: 1025px) { #interview #trend_tips .trend_set .info_wrap .info dl dd a { transition: 0.5s; }
  #interview #trend_tips .trend_set .info_wrap .info dl dd a:hover { background-color: #000; color: #fff; } }

#interview #trend_tips .trend_set .info_wrap .info dl dd + dt { border-top: 1px #D0D0D0 solid; padding-top: 12px; margin-top: 12px; }

@media only screen and (max-width: 640px) { #interview #trend_tips .trend_set .info_wrap .info dl dd + dt { margin-top: 9px; } }

#interview #trend_tips .trend_set .point { display: flex; padding-left: 118px; margin: 20px -12px 0; }

@media only screen and (max-width: 1600px) { #interview #trend_tips .trend_set .point { padding-left: 8.1vw; } }

@media only screen and (max-width: 900px) { #interview #trend_tips .trend_set .point { padding-left: 20px; } }

@media only screen and (max-width: 640px) { #interview #trend_tips .trend_set .point { display: block; padding: 0; margin: 30px 20px 0; } }

@media only screen and (min-width: 641px) { #interview #trend_tips .trend_set .point .point_set { width: 50%; padding: 0 12px; }
  #interview #trend_tips .trend_set .point .point_set + .point_set { margin-top: 60px; } }

@media only screen and (max-width: 640px) { #interview #trend_tips .trend_set .point .point_set + .point_set .set_wrap { border-top: none; } }

#interview #trend_tips .trend_set .point .point_set .set_wrap { background-color: #fff; border: 1px #000 solid; display: flex; padding: 48px 40px; }

@media only screen and (max-width: 1600px) { #interview #trend_tips .trend_set .point .point_set .set_wrap { padding: 3.2vw 2.7vw; } }

@media only screen and (max-width: 640px) { #interview #trend_tips .trend_set .point .point_set .set_wrap { display: block; position: relative; padding: 28px 32px; } }

#interview #trend_tips .trend_set .point .point_set .set_wrap .img { width: 170px; flex-shrink: 0; }

#interview #trend_tips .trend_set .point .point_set .set_wrap .img img { border: 1px #000 solid; }

@media only screen and (max-width: 1600px) { #interview #trend_tips .trend_set .point .point_set .set_wrap .img { width: 11.4vw; } }

@media only screen and (max-width: 640px) { #interview #trend_tips .trend_set .point .point_set .set_wrap .img { width: 80px; } }

#interview #trend_tips .trend_set .point .point_set .set_wrap .point_info { padding-left: 40px; }

@media only screen and (max-width: 1600px) { #interview #trend_tips .trend_set .point .point_set .set_wrap .point_info { padding-left: 3vw; } }

@media only screen and (max-width: 640px) { #interview #trend_tips .trend_set .point .point_set .set_wrap .point_info { padding-left: 0; } }

#interview #trend_tips .trend_set .point .point_set .set_wrap .point_info h4 { display: table; font-size: 24px; font-weight: bold; text-align: center; margin: 0 auto 26px; }

@media only screen and (max-width: 1600px) { #interview #trend_tips .trend_set .point .point_set .set_wrap .point_info h4 { font-size: 1.75vw; } }

@media only screen and (max-width: 640px) { #interview #trend_tips .trend_set .point .point_set .set_wrap .point_info h4 { font-size: 18px; position: absolute; top: 72px; left: 50%; transform: translateX(calc(-50% + 40px)); } }

#interview #trend_tips .trend_set .point .point_set .set_wrap .point_info h4:after { background: url(../img/interview/deco_point.svg) no-repeat center top; background-size: contain; content: ''; display: block; width: 100%; padding-top: 4.8275%; }

#interview #trend_tips .trend_set .point .point_set .set_wrap .point_info p { font-size: 15px; }

@media only screen and (max-width: 1600px) { #interview #trend_tips .trend_set .point .point_set .set_wrap .point_info p { font-size: 1.1vw; } }

@media only screen and (max-width: 640px) { #interview #trend_tips .trend_set .point .point_set .set_wrap .point_info p { font-size: 12px; margin-top: 20px; } }

#interview #anchor { position: relative; }

#interview #anchor:before, #interview #anchor:after { background-color: #000; content: ''; display: block; width: calc(100% - 67px); height: 1px; }

@media only screen and (max-width: 1024px) { #interview #anchor:before, #interview #anchor:after { width: 100%; } }

#interview #anchor:before { top: 0; }

#interview #anchor:after { bottom: 0; }

@media only screen and (min-width: 641px) { #interview #anchor #anchor_wrap { display: flex; }
  #interview #anchor #anchor_wrap .title, #interview #anchor #anchor_wrap .link { width: 50%; } }

#interview #anchor #anchor_wrap .title { position: relative; padding: 81px 0 0 80px; }

@media only screen and (max-width: 1024px) { #interview #anchor #anchor_wrap .title { padding: 40px 0 0 40px; } }

@media only screen and (max-width: 640px) { #interview #anchor #anchor_wrap .title { padding: 20px 20px 16px; } }

#interview #anchor #anchor_wrap .title h2 { font-size: 86px; font-weight: 700; letter-spacing: -3px; line-height: 1; }

@media only screen and (max-width: 1300px) { #interview #anchor #anchor_wrap .title h2 { font-size: 6.5vw; } }

@media only screen and (max-width: 640px) { #interview #anchor #anchor_wrap .title h2 { font-size: 44px; } }

#interview #anchor #anchor_wrap .title p { font-weight: 500; text-transform: uppercase; margin-top: 5px; }

@media only screen and (max-width: 1300px) { #interview #anchor #anchor_wrap .title p { font-size: 14px; } }

@media only screen and (max-width: 640px) { #interview #anchor #anchor_wrap .title p { font-size: 10px; } }

#interview #anchor #anchor_wrap .title img { width: 68%; position: absolute; left: 80px; bottom: 52px; }

@media only screen and (max-width: 1024px) { #interview #anchor #anchor_wrap .title img { left: 40px; } }

@media only screen and (max-width: 640px) { #interview #anchor #anchor_wrap .title img { display: block; position: static; margin-top: 30px; margin-left: auto; } }

#interview #anchor #anchor_wrap .link { padding: 0 67px 0 20px; }

@media only screen and (max-width: 1024px) { #interview #anchor #anchor_wrap .link { padding: 0px; } }

@media only screen and (min-width: 641px) { #interview #anchor #anchor_wrap .link ol { border-left: 1px #000 solid; } }

@media only screen and (max-width: 640px) { #interview #anchor #anchor_wrap .link ol { border-top: 1px #000 solid; } }

#interview #anchor #anchor_wrap .link ol li { counter-increment: mycounter; }

#interview #anchor #anchor_wrap .link ol li + li { border-top: 1px #000 solid; }

#interview #anchor #anchor_wrap .link ol li a { align-items: baseline; display: flex; line-height: 1.2; font-size: 18px; width: 100%; position: relative; padding: 20px 65px 45px 40px; }

@media only screen and (min-width: 1025px) { #interview #anchor #anchor_wrap .link ol li a { transition: 0.5s; } }

@media only screen and (max-width: 1300px) { #interview #anchor #anchor_wrap .link ol li a { font-size: 1.2vw; } }

@media only screen and (max-width: 1024px) { #interview #anchor #anchor_wrap .link ol li a { padding: 15px 40px 35px 20px; } }

@media only screen and (max-width: 640px) { #interview #anchor #anchor_wrap .link ol li a { padding: 4px 40px 23px 20px; font-size: 13px; letter-spacing: -0.5px; } }

#men #interview #anchor #anchor_wrap .link ol li a { background: #fff; }

#interview #anchor #anchor_wrap .link ol li a:before { content: counter(mycounter, decimal-leading-zero); color: #000; display: block; font-weight: 300; font-family: acumin-pro, sans-serif; font-size: 64px; line-height: 1; letter-spacing: -2px; position: relative; top: 8px; width: 1em; margin-right: 30px; }

@media only screen and (max-width: 1300px) { #interview #anchor #anchor_wrap .link ol li a:before { font-size: 5vw; margin-right: 2vw; } }

@media only screen and (max-width: 640px) { #interview #anchor #anchor_wrap .link ol li a:before { font-size: 36px; margin-right: 18px; } }

#interview #anchor #anchor_wrap .link ol li a:after { background: url(../img/interview/arw.svg) no-repeat left top; background-size: contain; content: ''; display: block; width: 20px; height: 40px; position: absolute; top: 50%; right: 36px; transform: translateY(-50%); }

@media only screen and (max-width: 1024px) { #interview #anchor #anchor_wrap .link ol li a:after { right: 20px; width: 10px; height: 20px; } }

@media only screen and (max-width: 640px) { #interview #anchor #anchor_wrap .link ol li a:after { right: 20px; width: 12px; height: 27px; right: 18px; } }

@media only screen and (min-width: 1025px) { #interview #anchor #anchor_wrap .link ol li:first-child a:hover { background-color: #F1EDE1; }
  #interview #anchor #anchor_wrap .link ol li:nth-child(2) a:hover { background-color: #E6EDE3; }
  #interview #anchor #anchor_wrap .link ol li:nth-child(3) a:hover { background-color: #F8EDEA; }
  #interview #anchor #anchor_wrap .link ol li:nth-child(4) a:hover { background-color: #E1EDF0; }
  #interview #anchor #anchor_wrap .link ol li:nth-child(5) a:hover { background-color: #F3F3E0; }
  #men #interview #anchor #anchor_wrap .link ol li a:hover { background: #1D92FF; } }

#interview #slide_img { margin-bottom: 120px; }

@media only screen and (max-width: 900px) { #interview #slide_img { margin-bottom: 56px; } }

#interview #slide_img .slide_img_wrap { display: flex; width: 800%; max-width: 11344px; animation: ticker 40s linear infinite; }

@media only screen and (max-width: 640px) { #interview #slide_img .slide_img_wrap { width: 800%; } }

#interview #slide_img .slide_img_wrap span { display: block; flex: 1 1 auto; }

#interview #slide_img .slide_img_wrap span img { max-height: 350px; width: auto; }

#interview #spesial_interview { margin-bottom: 160px; }

@media only screen and (max-width: 640px) { #interview #spesial_interview { margin-bottom: 0; } }

#interview #spesial_interview .title_wrap { height: 514px; position: relative; display: flex; z-index: 2; margin-bottom: 120px; }

@media only screen and (max-width: 1300px) { #interview #spesial_interview .title_wrap { height: 400px; } }

@media only screen and (max-width: 1024px) { #interview #spesial_interview .title_wrap { height: 350px; } }

@media only screen and (max-width: 900px) { #interview #spesial_interview .title_wrap { display: block; height: auto; } }

@media only screen and (max-width: 640px) { #interview #spesial_interview .title_wrap { margin-bottom: 48px; } }

#interview #spesial_interview .title_wrap .main_width { width: 100%; display: flex; align-items: center; }

@media only screen and (max-width: 900px) { #interview #spesial_interview .title_wrap .title { margin-bottom: 40px; } }

#interview #spesial_interview .title_wrap .title p { font-size: 100px; font-weight: 700; line-height: 0.9; letter-spacing: -2px; margin-bottom: 40px; }

@media only screen and (max-width: 1600px) { #interview #spesial_interview .title_wrap .title p { font-size: 6.7vw; } }

@media only screen and (max-width: 640px) { #interview #spesial_interview .title_wrap .title p { font-size: 44px; margin-bottom: 20px; } }

#interview #spesial_interview .title_wrap .title h2 { background: linear-gradient(transparent 98%, #000 0%); display: inline; font-size: 48px; line-height: 1.8; }

@media only screen and (max-width: 1600px) { #interview #spesial_interview .title_wrap .title h2 { font-size: 2.68vw; } }

@media only screen and (max-width: 640px) { #interview #spesial_interview .title_wrap .title h2 { font-size: 24px; } }

#interview #spesial_interview .title_wrap .title h2 span { font-weight: 600; }

#interview #spesial_interview .title_wrap .img { height: 514px; z-index: 3; }

@media only screen and (min-width: 901px) { #interview #spesial_interview .title_wrap .img { position: absolute; top: 0; left: 50%; width: calc(50% - 47px); transform: translateX(-20px); } }

@media only screen and (max-width: 1600px) { #interview #spesial_interview .title_wrap .img { width: calc(50% + 20px); } }

@media only screen and (max-width: 1300px) { #interview #spesial_interview .title_wrap .img { height: 400px; } }

@media only screen and (max-width: 1024px) { #interview #spesial_interview .title_wrap .img { height: 350px; } }

@media only screen and (max-width: 900px) { #interview #spesial_interview .title_wrap .img { width: 100%; height: auto; } }

#interview #spesial_interview .title_wrap .img .img_wrap { overflow: hidden; position: relative; height: 514px; width: 100%; }

@media only screen and (max-width: 1300px) { #interview #spesial_interview .title_wrap .img .img_wrap { height: 400px; } }

@media only screen and (max-width: 1024px) { #interview #spesial_interview .title_wrap .img .img_wrap { height: 350px; } }

@media only screen and (max-width: 900px) { #interview #spesial_interview .title_wrap .img .img_wrap { height: auto; } }

#interview #spesial_interview .title_wrap .img .img_wrap img { border: 1px #000 solid; position: absolute; top: 0; left: 0; width: 100%; }

@media only screen and (max-width: 1600px) { #interview #spesial_interview .title_wrap .img .img_wrap img { left: 50%; width: auto; max-width: none; height: 100%; transform: translateX(-50%); } }

@media only screen and (max-width: 900px) { #interview #spesial_interview .title_wrap .img .img_wrap img { border-left: none; border-right: none; position: static; transform: translateX(0); width: 100%; height: auto; max-width: 100%; } }

#interview #spesial_interview #interview_area { position: relative; }

#interview #spesial_interview #interview_area:after { background-color: #fff; content: ''; display: block; position: absolute; width: calc(50% - 67px); height: calc(100% + 120px); bottom: 0; left: 50%; }

#interview #spesial_interview #interview_area .vertical_text { font-family: acumin-pro, sans-serif; position: absolute; top: 0; width: 1em; right: 50%; z-index: 3; transform: translateX(-670px); }

@media only screen and (max-width: 1600px) { #interview #spesial_interview #interview_area .vertical_text { right: auto; left: 80px; transform: translateX(0); } }

@media only screen and (max-width: 1024px) { #interview #spesial_interview #interview_area .vertical_text { left: 35px; } }

@media only screen and (max-width: 900px) { #interview #spesial_interview #interview_area .vertical_text { display: none; } }

#interview #spesial_interview #interview_area .vertical_text p { align-items: center; font-size: 16px; font-weight: 600; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; white-space: nowrap; }

@media only screen and (max-width: 900px) { #interview #spesial_interview #interview_area .vertical_text p { font-size: 30px; } }

@media only screen and (max-width: 640px) { #interview #spesial_interview #interview_area .vertical_text p { font-size: 10px; } }

#interview #spesial_interview #interview_area .vertical_text p span { display: inline-block; }

#interview #spesial_interview #interview_area .vertical_text p span:before { background: url(../img/interview/x.svg) no-repeat left top; background-size: contain; content: ''; display: block; width: 20px; height: 20px; margin: 5px 0 5px -1px; }

@media only screen and (max-width: 640px) { #interview #spesial_interview #interview_area .vertical_text p span:before { width: 12px; height: 12px; margin: 5px 0 5px 3px; } }

#interview #spesial_interview #interview_bg { background-color: #fff; position: relative; padding: 0 0 160px; max-width: 1200px; margin: 0 auto; }

#interview #spesial_interview #interview_bg:before { background-color: #fff; content: ''; display: block; position: absolute; bottom: 100%; width: 100%; height: 295px; left: 0; }

@media only screen and (max-width: 1300px) { #interview #spesial_interview #interview_bg:before { height: 245px; } }

@media only screen and (max-width: 1024px) { #interview #spesial_interview #interview_bg:before { height: 230px; } }

@media only screen and (max-width: 900px) { #interview #spesial_interview #interview_bg:before { height: 210px; } }

@media only screen and (max-width: 1600px) { #interview #spesial_interview #interview_bg { margin: 0 67px 0 200px; } }

@media only screen and (max-width: 1024px) { #interview #spesial_interview #interview_bg { margin: 0 30px 0 100px; } }

@media only screen and (max-width: 900px) { #interview #spesial_interview #interview_bg { padding: 0 30px  100px; margin: 0; } }

@media only screen and (max-width: 640px) { #interview #spesial_interview #interview_bg { padding: 0 20px 100px; margin: 0; } }

#interview #spesial_interview .interview_wrap { position: relative; z-index: 2; max-width: 944px; margin: 0 auto; }

@media only screen and (max-width: 1600px) { #interview #spesial_interview .interview_wrap { max-width: 80%; } }

@media only screen and (max-width: 900px) { #interview #spesial_interview .interview_wrap { max-width: 100%; } }

#interview .interview_set + .interview_set { margin-top: 44px; }

@media only screen and (max-width: 640px) { #men #interview .interview_set + .interview_set { margin-top: 32px; }
  #men #interview .interview_set h3 { margin-bottom: 16px; } }

#interview .interview_set img { border: 1px #000 solid; }

#interview .interview_set h3 { line-height: 1.6; font-size: 18px; font-weight: 600; margin-bottom: 32px; }

@media only screen and (max-width: 640px) { #interview .interview_set h3 { font-size: 14px; margin-bottom: 20px; } }

#interview .interview_set dl + h3 { margin-top: 32px; }

#interview .interview_set dl .dl_set { align-items: flex-start; display: flex; }

#interview .interview_set dl .dl_set + .dl_set { margin-top: 22px; }

@media only screen and (max-width: 640px) { #interview .interview_set dl .dl_set + .dl_set { margin-top: 16px; } }

#interview .interview_set dl .dl_set dt { font-weight: 600; font-size: 15px; flex-shrink: 0; }

#interview .interview_set dl .dl_set dt span { display: block; font-size: 10px; }

@media only screen and (max-width: 640px) { #interview .interview_set dl .dl_set dt { font-size: 12px; } }

#interview .interview_set dl .dl_set dd { flex: 1 1 0; font-size: 15px; line-height: 1.7; position: relative; top: -1px; margin-left: 14px; }

#men #interview .interview_set dl .dl_set dd { line-height: 2; }

@media only screen and (max-width: 640px) { #interview .interview_set dl .dl_set dd { font-size: 12px; margin-left: 11px; } }

#interview .interview_set .item_info { margin-top: 50px; }

#interview .interview_set .item_info h3 { font-size: 28px; font-weight: bold; font-family: acumin-pro, sans-serif; border-bottom: 1px #D0D0D0 solid; padding-bottom: 12px; }

@media only screen and (max-width: 640px) { #interview .interview_set .item_info h3 { font-size: 24px; padding-bottom: 8px; } }

@media only screen and (min-width: 641px) { #interview .interview_set .item_info .info_wrap { display: flex; margin: 30px -15px 0; } }

@media only screen and (min-width: 641px) { #interview .interview_set .item_info .item_wrap { width: 50%; padding: 0 15px; } }

@media only screen and (max-width: 640px) { #interview .interview_set .item_info .item_wrap + .item_wrap { margin-top: 20px; }
  #interview .interview_set .item_info .item_wrap > p { font-size: 14px; } }

#interview .interview_set .item_info .item_wrap > p { font-size: 16px; font-weight: bold; margin-bottom: 15px; }

#interview .interview_set .item_info .item_wrap dl dt { font-size: 10px; }

@media only screen and (max-width: 640px) { #interview .interview_set .item_info .item_wrap dl dt { font-size: 8px; } }

#interview .interview_set .item_info .item_wrap dl dd { align-items: center; border-bottom: 1px #D0D0D0 solid; padding-bottom: 12px; display: flex; justify-content: space-between; font-size: 13px; }

@media only screen and (max-width: 640px) { #interview .interview_set .item_info .item_wrap dl dd { font-size: 11px; } }

#interview .interview_set .item_info .item_wrap dl dd p { flex: 1 1 0; }

#interview .interview_set .item_info .item_wrap dl dd .price { color: #666; display: block; font-size: 11px; }

@media only screen and (max-width: 640px) { #interview .interview_set .item_info .item_wrap dl dd .price { font-size: 10px; } }

#interview .interview_set .item_info .item_wrap dl dd a { background-color: #fff; border: 1px #000 solid; display: block; font-family: acumin-pro, sans-serif; font-weight: 600; line-height: 1; font-size: 12px; margin-left: 10px; padding: 4px 14px 5px; }

@media only screen and (max-width: 640px) { #interview .interview_set .item_info .item_wrap dl dd a { font-size: 12px; padding: 6px 15px 8px; } }

@media only screen and (min-width: 1025px) { #interview .interview_set .item_info .item_wrap dl dd a { transition: 0.5s; }
  #interview .interview_set .item_info .item_wrap dl dd a:hover { background-color: #000; color: #fff; } }

#interview .interview_set .item_info .item_wrap dl dd + dt { margin-top: 12px; }

@media only screen and (max-width: 640px) { #interview .interview_set .item_info .item_wrap dl dd + dt { margin-top: 9px; } }

#interview .interview_set.col2 { display: flex; }

@media only screen and (max-width: 640px) { #interview .interview_set.col2 { display: block; } }

#interview .interview_set.col2 + .interview_set { margin-top: 56px; }

@media only screen and (min-width: 641px) { #interview .interview_set.col2 .img, #interview .interview_set.col2 .text { width: 50%; } }

#interview .interview_set.col2 .img img { border: 1px #000 solid; }

@media only screen and (max-width: 640px) { #interview .interview_set.col2 .img { padding: 0 20px; margin-top: 56px; } }

@media only screen and (min-width: 641px) { #interview .interview_set.img_left { flex-direction: row-reverse; }
  #interview .interview_set.img_left .text { padding-left: 48px; } }

@media only screen and (min-width: 641px) and (max-width: 900px) { #interview .interview_set.img_left .text { padding-left: 30px; } }

@media only screen and (min-width: 641px) { #interview .interview_set.img_right .text { padding-right: 48px; } }

@media only screen and (min-width: 641px) and (max-width: 900px) { #interview .interview_set.img_right .text { padding-right: 30px; } }

#interview .interview_set .gallery { margin-top: 72px; }

#interview .interview_set .gallery ul li + li { margin-top: 16px; }

@media only screen and (max-width: 640px) { #interview .interview_set .gallery ul li + li { margin-top: 10px; } }

#interview .interview_set .shop_info { margin-top: 48px; }

@media only screen and (max-width: 640px) { #interview .interview_set .shop_info { margin-top: 30px; } }

#interview .interview_set .shop_info h4 { font-family: acumin-Pro, sans-serif; font-size: 16px; flex-flow: 600; margin-bottom: 5px; }

#interview .interview_set .shop_info p { font-size: 15px; line-height: 1.8; }

#interview #topics { counter-reset: number 0; margin-bottom: 102px; }

#interview #topics .topics_cont { counter-increment: mycounter; }

#interview #topics .topics_wrap { padding: 0 147px 0 80px; }

@media only screen and (max-width: 1024px) { #interview #topics .topics_wrap { padding: 0 40px; } }

@media only screen and (max-width: 900px) { #interview #topics .topics_wrap { padding: 0 30px; } }

@media only screen and (max-width: 640px) { #interview #topics .topics_wrap { padding: 0 20px; } }

#interview #topics .topics_wrap .topics_set { padding-top: 140px; }

@media only screen and (max-width: 640px) { #interview #topics .topics_wrap .topics_set { padding-top: 30px; } }

#interview #topics .topics_wrap .topics_set .topics_width { max-width: 1376px; margin: 0 auto; }

#interview #topics .topics_wrap .topics_set .topics_width .vertical_text { position: absolute; top: 0; left: 0; z-index: 3; }

@media only screen and (max-width: 1024px) { #interview #topics .topics_wrap .topics_set .topics_width .vertical_text { left: -40px; } }

@media only screen and (max-width: 900px) { #interview #topics .topics_wrap .topics_set .topics_width .vertical_text { display: none; } }

#interview #topics .topics_wrap .topics_set .topics_width .vertical_text p { align-items: center; font-size: 16px; font-weight: 600; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; white-space: nowrap; }

#interview #topics .topics_wrap .topics_set .topics_width .title_wrap { align-items: flex-start; display: flex; margin-bottom: 80px; }

@media only screen and (max-width: 640px) { #interview #topics .topics_wrap .topics_set .topics_width .title_wrap { border-bottom: 1px #000 solid; align-items: center; padding-bottom: 16px; margin-bottom: 40px; } }

#interview #topics .topics_wrap .topics_set .topics_width .title_wrap .num { background-color: #fff; border: 1px #000 solid; width: 237px; flex-shrink: 0; }

@media only screen and (max-width: 1600px) { #interview #topics .topics_wrap .topics_set .topics_width .title_wrap .num { width: 17.2vw; } }

@media only screen and (max-width: 640px) { #interview #topics .topics_wrap .topics_set .topics_width .title_wrap .num { width: auto; padding: 10px 16px; } }

#interview #topics .topics_wrap .topics_set .topics_width .title_wrap .num p { font-family: acumin-pro, sans-serif; font-weight: 600; font-size: 16px; text-align: center; letter-spacing: -1px; line-height: 1; padding: 26px 0; }

@media only screen and (max-width: 1600px) { #interview #topics .topics_wrap .topics_set .topics_width .title_wrap .num p { font-size: 1.1vw; padding: 1.82vw 0; } }

@media only screen and (max-width: 640px) { #interview #topics .topics_wrap .topics_set .topics_width .title_wrap .num p { font-size: 10px; transform: scale(0.8); padding: 0; } }

#interview #topics .topics_wrap .topics_set .topics_width .title_wrap .num p:after { content: counter(mycounter, decimal-leading-zero); color: #000; display: block; font-weight: 200; font-size: 72px; line-height: 1; letter-spacing: -2px; position: relative; top: -.1em; }

@media only screen and (max-width: 1600px) { #interview #topics .topics_wrap .topics_set .topics_width .title_wrap .num p:after { font-size: 4.9vw; } }

@media only screen and (max-width: 640px) { #interview #topics .topics_wrap .topics_set .topics_width .title_wrap .num p:after { transform: scale(1.2); font-size: 28px; top: 0; } }

#interview #topics .topics_wrap .topics_set .topics_width .title_wrap .title { border-bottom: 1px #000 solid; flex: 1 1 0; width: 100%; margin-left: 77px; }

@media only screen and (max-width: 1600px) { #interview #topics .topics_wrap .topics_set .topics_width .title_wrap .title { margin-left: 5.1vw; } }

@media only screen and (max-width: 640px) { #interview #topics .topics_wrap .topics_set .topics_width .title_wrap .title { border-bottom: none; margin-left: 16px; } }

#interview #topics .topics_wrap .topics_set .topics_width .title_wrap .title h2 { font-size: 36px; font-weight: bold; padding: 46px 0; }

@media only screen and (max-width: 1600px) { #interview #topics .topics_wrap .topics_set .topics_width .title_wrap .title h2 { font-size: 2.45vw; padding: 3.2vw 0; } }

@media only screen and (max-width: 640px) { #interview #topics .topics_wrap .topics_set .topics_width .title_wrap .title h2 { font-size: 18px; padding: 0; } }

#interview #topics .topics_wrap .topics_set .topics_width .interview_set { position: relative; padding-left: 334px; }

@media only screen and (max-width: 1600px) { #interview #topics .topics_wrap .topics_set .topics_width .interview_set { padding-left: 22.5vw; } }

@media only screen and (max-width: 1024px) { #interview #topics .topics_wrap .topics_set .topics_width .interview_set { padding-left: 0; } }

#interview #topics .wide_image + .topics_wrap .topics_set { padding-top: 96px; }

@media only screen and (max-width: 640px) { #interview #topics .wide_image + .topics_wrap .topics_set { padding-top: 30px; } }

#interview #topics .topics_wrap + .wide_image { margin-top: 90px; }

@media only screen and (max-width: 640px) { #interview #topics .topics_wrap + .wide_image { margin-top: 32px; } }

#interview #topics .wide_image .img_wrap { overflow: hidden; position: relative; height: 780px; }

@media only screen and (max-width: 1600px) { #interview #topics .wide_image .img_wrap { height: auto; padding-top: 43.5625%; } }

#interview #topics .wide_image .img_wrap img { position: absolute; top: 0; left: 50%; transform: translateX(-50%); }

@media only screen and (min-width: 641px) { #interview .item_set { display: flex; } }

#interview .item_set + .item_set { margin-top: 48px; }

@media only screen and (max-width: 640px) { #interview .item_set + .item_set { margin-top: 30px; } }

#interview .item_set.img_left { flex-direction: row-reverse; }

#interview .item_set.img_left .text { padding-left: 48px; }

@media only screen and (max-width: 1024px) { #interview .item_set.img_left .text { padding-left: 30px; } }

@media only screen and (max-width: 900px) { #interview .item_set.img_left .text { padding-left: 20px; } }

@media only screen and (max-width: 640px) { #interview .item_set.img_left .text { padding-left: 0; } }

#interview .item_set.img_right .text { padding-right: 48px; }

@media only screen and (max-width: 1024px) { #interview .item_set.img_right .text { padding-right: 30px; } }

@media only screen and (max-width: 900px) { #interview .item_set.img_right .text { padding-right: 20px; } }

@media only screen and (max-width: 640px) { #interview .item_set.img_right .text { padding-right: 0; } }

#interview .item_set .img { flex-shrink: 0; width: calc(50% + 39px); }

@media only screen and (max-width: 1600px) { #interview .item_set .img { width: 50%; } }

@media only screen and (max-width: 640px) { #interview .item_set .img { width: 100%; padding: 0 20px; margin-top: 30px; } }

#interview .item_set .img .item_info { justify-content: space-between; display: flex; margin-top: 24px; }

#interview .item_set .img .item_info .thumb { width: 64px; flex-shrink: 0; }

#interview .item_set .img .item_info .info { flex: 1 1 0; }

#interview .item_set .img .item_info .info dl dt { font-size: 10px; margin-bottom: 4px; }

#interview .item_set .img .item_info .info dl dd { align-items: center; display: flex; width: 100%; font-size: 13px; }

#interview .item_set .img .item_info .info dl dd p { flex: 1 1 0; }

#interview .item_set .img .item_info .info dl dd .price { color: #666; display: block; font-size: 11px; margin-top: 4px; }

#interview .item_set .img .item_info .info dl dd a { background-color: #fff; border: 1px #000 solid; display: block; font-family: acumin-pro, sans-serif; font-weight: 600; line-height: 1; font-size: 12px; margin-left: 10px; padding: 4px 14px 5px; }

@media only screen and (max-width: 640px) { #interview .item_set .img .item_info .info dl dd a { font-size: 12px; padding: 6px 15px 8px; } }

@media only screen and (min-width: 1025px) { #interview .item_set .img .item_info .info dl dd a { transition: 0.5s; }
  #interview .item_set .img .item_info .info dl dd a:hover { background-color: #000; color: #fff; } }

#interview .item_set .img .item_info .info dl dd + dt { border-top: 1px #D0D0D0 solid; padding-top: 12px; margin-top: 12px; }

@media only screen and (max-width: 640px) { #interview .item_set .img .item_info .info dl dd + dt { margin-top: 9px; } }

#interview .item_set .text { flex: 1 1 0; }

#interview .item_set .text .text_set + .text_set { margin-top: 60px; }

#interview #bnr_area { padding-right: 67px; }

@media only screen and (max-width: 1024px) { #interview #bnr_area { padding-right: 0; } }

#interview #bnr_area ul { border-top: 1px #000 solid; display: flex; }

@media only screen and (max-width: 640px) { #interview #bnr_area ul { display: block; } }

#interview #bnr_area ul li { width: 50%; }

@media only screen and (max-width: 640px) { #interview #bnr_area ul li { width: 100%; }
  #interview #bnr_area ul li + li { border-top: 1px #000 solid; } }

#interview #bnr_area ul li img { width: 100%; }

#interview #bnr_area ul li a { display: block; }

#interview #editors_note { border-top: 1px #000 solid; padding: 130px 0 150px; }

@media only screen and (min-width: 1025px) { #interview #editors_note { width: calc(100% - 67px); } }

@media only screen and (max-width: 900px) { #interview #editors_note { padding: 60px 0 70px; } }

@media only screen and (max-width: 640px) { #interview #editors_note { padding: 40px 0 50px; } }

#interview #editors_note .main_width { max-width: 984px; }

#interview #editors_note h3 { font-size: 18px; font-weight: 600; margin-bottom: 26px; }

@media only screen and (max-width: 640px) { #interview #editors_note h3 { font-size: 16px; margin-bottom: 16px; } }

#interview #editors_note p { line-height: 2; font-size: 15px; }

@media only screen and (max-width: 640px) { #interview #editors_note p { font-size: 12px; } }

@keyframes ticker { 100% { transform: translateX(-25%); } }

#interview .jsMarker { background: -webkit-linear-gradient(left, #FCE1BB 50%, transparent 50%); background: -moz-linear-gradient(left, #FCE1BB 50%, transparent 50%); background: linear-gradient(left, #FCE1BB 50%, transparent 50%); background-repeat: no-repeat; background-size: 200% 0.5em; background-position: 100% 0.8em; font-weight: normal; transition: 1.5s; }

#interview .jsMarker.is-active { background-position: 0% 0.8em; }

/*# sourceMappingURL=interview.css.map */