@charset "UTF-8";
/* CSS Document */

.hc{}
header .hc h1{width:100%;max-width:1130px;margin:0px auto;height:680px;position:relative;}
header .hc h1 img{position:absolute;width:57%;height:auto;max-width:100%;}
header .hc h1 img#tit_01{right:0px;bottom:-30vw;transition-property:all;transition-delay:0.5s;transition-duration:0.5s;transition-timing-function: cubic-bezier(0.650, 0.325, 0.405, 1.225);}
header .hc h1 img#tit_01.active{bottom:0px;}
header .hc h1 img#tit_02{left:10vw;opacity:0;top:5%;transition-delay:0.8s;transition-duration:0.5s;}
header .hc h1 img#tit_02.active{left:0px;opacity:1;}

div.abs{text-align:right;width:100%;max-width:960px;margin:0px auto;position:relative;}
div.abs:after{content:"";display:block;clear:both;}

div.abs img{height:auto;display:block;}
div.abs img#zun_02{width:59%;height:auto;float:right;margin-right:2vw;opacity:0;transition-duration:0.3s;transition-timing-function: cubic-bezier(0.000, 1.535, 1.000, 1.650);}
div.abs img#zun_02.active{height:auto;float:right;margin-right:0vw;opacity:1;}
div.abs img#zun_01{width:40%;position:absolute;left:30px;opacity:0;transition:scale(1.0);transition-delay:0.3s;transition-duration:0.5s;}
div.abs img#zun_01.active{left:0px;opacity:1;transition:scale(1.0);}

img#cp1c_01,
img#cp2b_01,
img#cp3c_01{transition-duration:0.4s;margin-top:2.5vw;opacity:0;}
img#cp1c_01.active,
img#cp2b_01.active,
img#cp3c_01.active{opacity:1;margin-top:0px;}


img#cp1c_02,
img#cp2b_02,
img#cp3c_02{transition-duration:0.4s;transition-timing-function: cubic-bezier(0.000, 1.535, 1.000, 1.650);transform:scale(0.7);opacity:0;transition-delay:0.5s;}
img#cp1c_02.active,
img#cp2b_02.active,
img#cp3c_02.active{transform:scale(1.0);opacity:1;}


/* タブレット横 */
@media screen and (max-width: 1130px) {

header .hc h1{height:60vw;}

}
/* タブレット縦 */
@media screen and (max-width: 768px) {

div.timer p{font-size:200%;padding:0px 20px;}
}

/* スマホ縦 */
@media screen and (max-width: 480px) {

}