@charset "UTF-8"; /* ============================================================================ ■ cv-voice02 ============================================================================ */ .cv-kvInner { background: url(../img/kv_ph.jpg) no-repeat center center; background-size: cover; } /* ---------------------------------------------------------------------------- ● PC ---------------------------------------------------------------------------- */ @media screen and (min-width:640px) , print { .cv-voice02 .cv-member .cv-memberPiece:nth-child(2) .cv-memberInfo { letter-spacing: -0.05em; } .cv-voice02 .cv-ph03 { position: relative; height: 590px; } .cv-voice02 .cv-ph0301 img { position: absolute; top: 0; right: 0; width: auto; height: 375px; } .cv-voice02 .cv-ph0302 img { position: absolute; bottom: 0; left: 0; width: auto; height: 300px; } } @media screen and (min-width:769px) , print { .cv-voice02 .cv-txtBox540 { max-width: 540px; width: 60%; } .cv-voice02 .cv-ph05 { position: relative; max-height: 630px; margin-top: -240px; height: 65vw; } .cv-voice02 .cv-ph0501 { position: absolute; top: 0; right: 0; max-width: 364px; height: auto; width: 36vw; } .cv-voice02 .cv-ph0502 { position: absolute; bottom: 0; left: 210px; max-width: 490px; height: auto; width: 49vw; } } /* ---------------------------------------------------------------------------- ● SP ---------------------------------------------------------------------------- */ @media screen and (max-width:768px){ .cv-ph.cv-ph05 li:nth-child(even){ margin-top: 20px; } } @media screen and (min-width:320px){ .cv-voice02 .cv-item { letter-spacing: -0.1em; } .cv-voice02 .cv-cont03 .cv-detailTtl01 { letter-spacing: -0.06em; } }