/* init */
.background {
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    position: fixed;
    background-position: center center;
    opacity: 0;
-webkit-background-size: cover;
        background-size: cover;
-webkit-transition: all 0.5s ease 0s;
   -moz-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
        
}
.show .background {
    opacity: 1;
}
.contents .wrap {

    padding: 40vh 0 60vh;
    position: relative;
    z-index: 2;
	width: 1000px;
	margin: 0 auto;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
	padding: 5rem 1rem 7rem;
    background: rgba(39,39,39,0.9);
}
/* design*/
#content01_bg {background-image: url(img/bg01.jpg);}
#content02_bg {background-image: url(img/bg02.jpg);}
#content03_bg {background-image: url(img/bg03.jpg);}
#content04_bg {background-image: url(img/bg04.jpg);}
#content05_bg {background-image: url(img/bg05.jpg);}
#content06_bg {background-image: url(img/bg06.jpg);}
#content07_bg {background-image: url(img/bg07.jpg);}
#content08_bg {background-image: url(img/bg08.jpg);}
#content09_bg {background-image: url(img/bg09.png);}
#content032_bg {background-image: url(img/bg03_2.jpg);}
#content033_bg {background-image: url(img/bg03_3.jpg);}
#content072_bg {background-image: url(img/bg07_2.jpg);}
#content01 .wrap { background-color: rgba(255,0,0,0.2);}
#content02 .wrap { background-color: rgba(0,255,0,0.2);}
#content03 .wrap { background-color: rgba(0,0,255,0.2);}
.text-box {
    padding: 50px 25px;
    width: 480px;
    background-color: rgba(0,0,0,0.5);
    color: #fff;
}
.text-box .catch {
    margin: 0 0 10px;
    font-size: 40px;
}
.text-box .copy {
    margin: 0;
    line-height: 2;
}