@charset "UTF-8";

/* ==================================================================
CSS information
style info :INDEX用
================================================================== */
#gnavi { background: url(../_common/img/gnavi_bg.png) top center no-repeat; background-size: 100%;}

/* --------------------------------------------------------
#mainvisual
-------------------------------------------------------- */
#mainvisual { width: 100%; height: auto; position: relative;}
#mainvisual img { width: 100%; height:auto;}

#mainvisual h1 { width: 100%; height: auto; position: absolute; top:41.478%; }
#copy { width: 100%; position: absolute; left: 0%; top: 8.525%;}
.btn-guard { position:absolute; right:10px; bottom:17px; }
.btn-trial { position:absolute; left:4px; bottom:8px; }

.btn_movie { position: relative; width: 98%; }
.btn_movie img { width: 100%; height:auto;}
.btn_movie p { position: absolute; width: 43%; top: 24%;}
.btn_movie .v1 { left: 5%;}
.btn_movie .v2 { right: 5%;}

#spec_wrap { background:#00272f; padding: 19px 0;}
#spec { width: 100%; margin:0 auto; text-align: center; position: relative; }
#spec .btn_detail { text-align:center; padding-bottom:15px;}