@charset "UTF-8";

#main-contents { width: 960px; margin: 0 auto 80px; }
.interview-title { margin-bottom: 40px; padding: 20px 0; background: #000; }
.interview-title small { display: block; font-size: 60%; }
.interview-title small .en { display: inline-block; font-size: 100%; }
.interview-title span { display: block; color: #fff; text-align: center; }
.interview-title .jp { font-size: 40px; font-family: var(--mincho); }
.interview-title .en { font-size: 16px; font-family: 'Cinzel'; }
.voice  {margin-bottom: 20px;}
.voice .voice_content { margin-bottom: 50px; padding-bottom: 30px; border-bottom: 1px solid #ccc; }
.voice .voice_content:last-child { border-bottom: none; }
.voice .voice_content li { text-align: justify; }
.voice .flex {margin-bottom: 20px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items: center;align-items: center;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.voice .flex img { width: 400px; }
.voice .voice_box,.voice .flex dl { width: 520px; }
#main-contents .voice .voice_box p.name { margin-bottom: 20px;color: #222;font-size: 30px;font-family: var(--mincho); line-height: 2;}
#main-contents .voice .voice_box p.name span { font-size: 80%;display: block;line-height: 1.4;}
.voice .voice_box { text-align: justify; position: relative; }
.voice .voice_box::after { content: 'Interview'; color: #c1a565; font-family: 'Cinzel'; font-size: 80px; opacity: 0.2; position: absolute; bottom: -100px; right: 0; z-index: 1; }
.voice .voice_content:nth-child(even) .voice_box .flex::before {top: 72px; left: 480px; }
.voice dt { margin-bottom: 10px; padding: 10px 0 10px 48px; font-size: 20px; font-family: var(--mincho); border-left: 6px solid; border-bottom: 1px solid; position: relative;}
.voice dt::before { content: 'Q'; font-size: 24px; font-family: 'Cinzel'; position: absolute; top: 6px; left: 10px; }
.voice dd { margin-bottom: 40px; padding: 10px 10px 10px 20px; }

footer #pagetop { top: -50px; }

/* sp
------------------------------------ */
@media screen and (max-width: 768px) { 

#main-contents {width: 96%;}   
.interview-title { margin-bottom: 8vw; }
.interview-title small { font-size: 70%; }
.interview-title .jp { margin-bottom: 2vw; font-size: 7vw; }
.interview-title .en { font-size: 3.6vw; }

.voice { margin-bottom: 4%; }
.voice .voice_content { margin-bottom: 20%; padding-bottom: 6%; }
.voice .voice_content:last-child { margin-bottom: 0; }
.voice .voice_content li { font-size: 3.6vw; }
.voice .flex { margin-bottom: 8%; }
.voice .flex > img { margin-bottom: 4%; }
.voice .flex img,.voice .voice_box { width: 100%; }
#main-contents .voice .voice_box p.name { margin-bottom: 2%; font-size: 7vw; }
.voice .voice_box .flex::before { display: none; }
.voice .voice_box::after { font-size: 8vw; bottom: -26px; right: 0; }
.voice .voice_box p { font-size: 3.6vw; }
.voice dt { margin-bottom: 2vw; padding: 2vw 2vw 2vw 10vw; font-size: 4vw; }
.voice dt::before { font-size: 5vw; top: 3px; left: 10px; }
.voice dd { margin-bottom: 6vw; padding: 2vw 2vw 2vw 5vw; }

}