@charset "UTF-8";

/* media
----------------------------------------------- */
.second-text { width: 100%; }
img { max-width: 100%; }
.midashi01 .jp { color: var(--gold); }
.flex { 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; }

.media-intro { padding: 0 0 12vw; }
.media-head { margin-bottom: 6vw; }
.media-head p { font-size: 4.21vw; font-family: var(--mincho); text-align: center; line-height: 1.6; }
.media-image { width: 100%; margin-bottom: 6vw; }
.media-image .image01 { width: 90vw; margin: 0 auto 6vw; }
.media-image .image02 { width: 60vw; margin: auto; }
.media-image img { width: 100%; }
.media-image p { margin-top: 4vw; font-size: 3.68vw; text-align: center; line-height: 1.6; }

.media { width: 90vw; margin: 0 auto; }
.media li { margin-bottom: 10vw; padding: 8vw; border: 1px solid var(--gold); }
.media .pic { margin-bottom: 4vw; }
.media img { border: 1px solid #eee;}
.media .text .name { margin-bottom: 2vw; color: var(--gold); font-size: 8vw; font-family: "baskerville-urw"; font-weight: 400; letter-spacing: 0.6vw; border-bottom: 1px solid var(--gold); }
.media .text .name.jp { font-family: var(--mincho); }
.media .text .name span { font-size: 50%; font-family: var(--mincho); }
.media .text .sub { font-size: 3.48vw; }
.media .text .flex { justify-content: center; -webkit-justify-content: center; }
.media .text .flex img { margin: 0 auto 2vw; }

/* =============================================
pc
================================================*/
@media screen and (min-width: 736px) {
.media-intro { padding: 0 0 80px; }
.media-head { margin-bottom: 40px; }
.media-head p { font-size: 16px; }
.media-title { padding-bottom: 20px; margin-bottom: 30px; }
.media-title:after { width: 55px; }
.media-title .en { margin-bottom: 8px; font-size: 55px; letter-spacing: 2px; }
.media-title .jp { font-size: 16px; }
.media-image { width: 90%; margin: 0 auto 50px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; justify-content: flex-start; }
.media-image .image01 { width: 52%; margin: 0 30px 0 0; }
.media-image .image02 { width: 42%; margin: 0; }
.media-image p { margin-top: 20px; font-size: 14px; text-align: left; }

.media li { margin-bottom: 30px; padding: 40px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap; position: relative; }
.media li::after { content: 'MAGAZINE'; color: var(--gold); font-size: 60px; font-family: "baskerville-urw"; font-weight: 400; letter-spacing: 2px; opacity: 0.2; position: absolute; bottom: -8px; right: -4px; }
.media .television::after { content: 'TELEVISION'; }
.media li img { width: 100%; }
.media .pic  { width: 30%; margin-bottom: 0; }
.media .text { width: 66%; }
.media .text .name { margin-bottom: 10px; font-size: 40px; letter-spacing: 2px; }
.media .text .name span { font-size: 50%; }
.media .text .sub { font-size: 15px; }
.media .text .flex { justify-content: space-between; -webkit-justify-content: space-between; }
.media .text .flex a { width: 48%; }
.media .text .flex img { margin: 0 auto 10px; }

.television .pic a { margin-top: 20px; }

}

@media screen and (min-width: 1000px) {
.media-intro,.media { width: 900px; margin: 0 auto; }
} 

@media screen and (min-width: 1200px) {
.staff-message { width: 1200px; }
}