@charset "utf-8";


/* top */
h2{width: 95%; max-width: 924px; margin: 0 auto; padding: 180px 0  5% 0;}

.introduction-bg{background:url(../img/introduction/intoroduction-bg.jpg) top center no-repeat; -moz-background-size:100% auto; background-size:100% auto; position: relative; overflow: hidden;}

.introduction-crumb{background:url(../img/introduction/crumb-bg.png) top center no-repeat; -moz-background-size:100% auto; background-size:100% auto; animation-name: fade-inanime; animation-duration: 2s;}

.cont-box{width: 85%; max-width: 800px; margin: 0 auto; background-color:rgba(255,255,255,0.65); padding: 10%;}

.chara-yue{width: 38%; position: absolute; right:-30px; bottom:0;}


@media screen and (max-width: 700px) {


h2{width: 95%; max-width: 924px; margin: 0 auto; padding: 30% 0  5% 0;}

}



/* anime */

@keyframes fade-inanime {
    0% {opacity: 0;}
    100% {opacity: 1;}
}