@charset "utf-8";
/* opacity
-------------------------------------------------------------------------------*/
/* flex display
-------------------------------------------------------------------------------*/
/* a button
-------------------------------------------------------------------------------*/
/* hover
-------------------------------------------------------------------------------*/
/* a current
-------------------------------------------------------------------------------*/
/* setPosCenter
-------------------------------------------------------------------------------*/
/* clearfix
-------------------------------------------------------------------------------*/
/* easing
-------------------------------------------------------------------------------*/
/* content
-----------------------------------------------------------------------------*/
#resonance { height: 800px; }
#resonance .content-inner { height: 800px; margin-top: -400px; }
#resonance .content-inner #resonance-title { position: absolute; top: 60px; right: 20px; }
#resonance .content-inner #resonance-title.anim { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")"; filter: alpha(opacity=0); zoom: 1; }
#resonance .content-inner .resonance-visual { margin-bottom: 10px; position: relative; width: 281px; height: 158px; }
#resonance .content-inner .resonance-visual.anim { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")"; filter: alpha(opacity=0); zoom: 1; }
#resonance .content-inner .resonance-visual .resonance-video { position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
#resonance .content-inner .resonance-visual .resonance-video-cover { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: none; }
#resonance .content-inner .resonance-visual .resonance-video-cover-play { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: none; }
#resonance .content-inner .resonance-visual .resonance-video-cover-play img { position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; }
#resonance .content-inner .resonance-visual .resonance-frame { position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
#resonance .content-inner #callback-video-area { position: absolute; top: 160px; right: 650px; }
#resonance .content-inner #resonance-video-area { position: absolute; top: 160px; right: 245px; }
#resonance .content-inner #resonance-texts-01, #resonance .content-inner #resonance-texts-02, #resonance .content-inner #resonance-texts-03 { height: 430px; position: absolute; top: 150px; }
#resonance .content-inner #resonance-texts-01 { right: 20px; }
#resonance .content-inner #resonance-texts-02 { right: 110px; }
#resonance .content-inner #resonance-texts-03 { right: 550px; }
#resonance .content-inner #resonance-texts-01-anim, #resonance .content-inner #resonance-texts-02-anim, #resonance .content-inner #resonance-texts-03-anim { zoom: 1; }
#resonance .content-inner #resonance-texts-01-anim:before, #resonance .content-inner #resonance-texts-01-anim:after, #resonance .content-inner #resonance-texts-02-anim:before, #resonance .content-inner #resonance-texts-02-anim:after, #resonance .content-inner #resonance-texts-03-anim:before, #resonance .content-inner #resonance-texts-03-anim:after { display: block; height: 0; visibility: hidden; content: "\0020"; }
#resonance .content-inner #resonance-texts-01-anim:after, #resonance .content-inner #resonance-texts-02-anim:after, #resonance .content-inner #resonance-texts-03-anim:after { clear: both; }
#resonance .content-inner #resonance-texts-01-anim.anim, #resonance .content-inner #resonance-texts-02-anim.anim, #resonance .content-inner #resonance-texts-03-anim.anim { height: 0%; overflow: hidden; }
#resonance .content-inner #resonance-texts-01-anim p, #resonance .content-inner #resonance-texts-02-anim p, #resonance .content-inner #resonance-texts-03-anim p { display: inline-block; vertical-align: top; overflow: hidden; width: 30px; }
#resonance .content-inner #resonance-texts-01-anim p:first-child, #resonance .content-inner #resonance-texts-02-anim p:first-child, #resonance .content-inner #resonance-texts-03-anim p:first-child { margin-right: 0; }
#resonance .content-inner #resonance-texts-01-anim p.photo, #resonance .content-inner #resonance-texts-02-anim p.photo, #resonance .content-inner #resonance-texts-03-anim p.photo { width: 264px; }
#resonance .content-inner #resonance-texts-01-anim p.anim img, #resonance .content-inner #resonance-texts-02-anim p.anim img, #resonance .content-inner #resonance-texts-03-anim p.anim img { margin-left: -10px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")"; filter: alpha(opacity=0); zoom: 1; }