.secwrap{
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}
.secinner{
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}
.header{
    position: absolute;
}



/*
landing
*/
.aw20_back{
    display: block;
    position: fixed;
    width: 100%;
    height: 100vh;
    margin: auto;
    padding: 0;
    top:0;
    left:0;
    background-size:cover;
    background-position:center;
    background-image:url(../img/landing.jpg);
    z-index:-2;
}
#aw20_title{
    position: fixed;
    width: 100%;
    height: calc(100vh - 60px);
    margin: auto;
    padding: 0;
    top:60px;
    left:0;
    z-index:-1;
}
#aw20_title>.secinner{
    height: 100%;
}
.aw20_ttl_left{
 display: block;
    position: absolute;
    width: 50%;
    height: 100%;
    margin: auto;
    padding: 0;
    background:#fafafa;
    top:0;
    left:0;
    transition:all .5s ease-in-out;
    max-height:100vh;
}
.aw20_ttl_left_inner{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 50px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.aw20_ttl_right{
 display: block;
    position: absolute;
    width: 50%;
    height: 100%;
    margin: auto;
    padding: 0;
    background:#fafafa;
    bottom:0;
    right:0;
    transition:all .5s ease-in-out;
    max-height:100vh;
}
.aw20_ttl_right_inner{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 50px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.aw20_ttl_l{
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight:bold;
    font-size:96px;
    display: inline-block;
    width: 100%;
    line-height:1.3;
}
.aw20_ttl_s{
    font-size:36px;
    display: inline-block;
    width: 100%;
    line-height:1.3;
}
body.loaded .aw20_ttl_right{
    height:40vh;
}
body.loaded .aw20_ttl_left{
    height:40vh;
}
body.is-fixed .aw20_ttl_right,body.is-fixed .aw20_ttl_left{
    height:100vh;
}
.aw20_ttl_right p,.aw20_ttl_left h1{
    transition:all .5s;
}
body.is-fixed .aw20_ttl_right p{
    opacity:0;
}
body.is-fixed .aw20_ttl_left h1{
    opacity:0;
}


/*
dummy
*/
.aw20_dummy_box{
    display: block;
    position: relative;
    width: 100%;
    height: 100vh;
    margin: 0 auto;
    padding: 0;
}
#aw20_scroll_landing{
    height: 60vh;
}


/*
main
*/
#aw20_item{
    position: fixed;
    z-index:15;
    top:150px;
    left:0;
    height: calc(100vh - 150px);
}
#aw20_item .secinner{
    height: 100%;
}
.aw20_item_wrap{
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    margin: auto;
    padding: 0;
    opacity:0;
    transition:all .5s;
    left:-100vw;
}
.aw20_item_img{
    display: block;
    position: absolute;
    margin: auto;
    padding: 0;
    background-size:cover;
    background-position:center;
    opacity:0;
    transition:all .5s;
}
.aw20_item_brand{
    opacity:0;
    transition:all .5s .5s;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight:bold;
    font-size:18px;
    position: absolute;
    transform:translateX(-30px);
}
.aw20_item_txt{
    display: block;
    position: absolute;
    width: auto;
    height: auto;
    margin: auto;
    padding: 0;
    opacity:0;
    transition:all .5s .5s;
    max-width:500px;
    transform:translateX(30px);
}
.aw20_item_wrap h2{
    font-size:24px;
    margin-bottom:20px;
}
.aw20_item_body{
    line-height:2;
    margin-bottom:20px;
}
.aw20_btn_wrap{
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}
.aw20_btn_wrap>a{
    color:#fff;
    display: inline-block;
    width: 200px;
    font-weight:bold;
    background:#000;
    padding:15px 30px;
    text-align:center;
}


/*
layout item_1
*/
.aw20_item_wrap.item_1 .aw20_item_img{
    width: 45vw;
    max-width:55vh;
    top:10%;
    left:10%;
}
.aw20_item_wrap.item_1 .aw20_item_brand{
    top:calc(10% + 20px);
    left:5%;
    transform:translateX(0);
}
.aw20_item_wrap.item_1 .aw20_item_txt{
    width: 50%;
    right:10%;
    bottom:30%;
    transform:translateX(0px);
}

/*
layout item_2
*/
.aw20_item_wrap.item_2 .aw20_item_img{
    width: 40vw;
    max-width:50vh;
}
.aw20_item_wrap.item_2 .aw20_item_img:nth-child(1){
    top:10%;
    left:10%;
}
.aw20_item_wrap.item_2 .aw20_item_img:nth-child(2){
    bottom:10%;
    right:10%;
}
.aw20_item_wrap.item_2 .aw20_item_brand{
    top:calc(10% + 20px);
    left:10%;
}
.aw20_item_wrap.item_2 .aw20_item_txt{
    width: 40%;
    left:45%;
    top:5%;
    max-width:600px;
}

/*
layout item_3
*/
.aw20_item_wrap.item_3 .aw20_item_img{
    width: 25vw;
    max-width:50vh;
}
.aw20_item_wrap.item_3 .aw20_item_img:nth-child(1){
    bottom:15%;
    left:3%;
}
.aw20_item_wrap.item_3 .aw20_item_img:nth-child(2){
    bottom:2%;
    left:0;
    right:0;
}
.aw20_item_wrap.item_3 .aw20_item_img:nth-child(3){
    bottom:10%;
    right:3%;
}
.aw20_item_wrap.item_3 .aw20_item_brand{
    bottom:calc(15% + 25vw - 40px);
    left:4%;
}
.aw20_item_wrap.item_3 .aw20_item_txt{
    width: 50%;
    left:0;
    right:0;
    top:3%;
    max-width:600px;
    text-align:center;
}


/*
visible controll
*/
main.item_open_1 #aw20_item_1_main .aw20_item_img,main.item_open_1 #aw20_item_1_main .aw20_item_brand,main.item_open_1 #aw20_item_1_main .aw20_item_txt{
    opacity:1;
}
main.item_open_1 #aw20_item_1_main{
    opacity:1;
    left:0;
}
main.item_open_2 #aw20_item_2_main .aw20_item_img,main.item_open_2 #aw20_item_2_main .aw20_item_brand,main.item_open_2 #aw20_item_2_main .aw20_item_txt{
    opacity:1;
}
main.item_open_2 #aw20_item_2_main{
    opacity:1;
    left:0;
}
main.item_open_3 #aw20_item_3_main .aw20_item_img,main.item_open_3 #aw20_item_3_main .aw20_item_brand,main.item_open_3 #aw20_item_3_main .aw20_item_txt{
    opacity:1;
}
main.item_open_3 #aw20_item_3_main{
    opacity:1;
    left:0;
}
main.item_open_4 #aw20_item_4_main .aw20_item_img,main.item_open_4 #aw20_item_4_main .aw20_item_brand,main.item_open_4 #aw20_item_4_main .aw20_item_txt{
    opacity:1;
}
main.item_open_4 #aw20_item_4_main{
    opacity:1;
    left:0;
}
main.item_open_5 #aw20_item_5_main .aw20_item_img,main.item_open_5 #aw20_item_5_main .aw20_item_brand,main.item_open_5 #aw20_item_5_main .aw20_item_txt{
    opacity:1;
}
main.item_open_5 #aw20_item_5_main{
    opacity:1;
    left:0;
}
main.item_open_6 #aw20_item_6_main .aw20_item_img,main.item_open_6 #aw20_item_6_main .aw20_item_brand,main.item_open_6 #aw20_item_6_main .aw20_item_txt{
    opacity:1;
}
main.item_open_6 #aw20_item_6_main{
    opacity:1;
    left:0;
}
main.item_open_7 #aw20_item_7_main .aw20_item_img,main.item_open_7 #aw20_item_7_main .aw20_item_brand,main.item_open_7 #aw20_item_7_main .aw20_item_txt{
    opacity:1;
}
main.item_open_7 #aw20_item_7_main{
    opacity:1;
    left:0;
}
main.item_open_8 #aw20_item_8_main .aw20_item_img,main.item_open_8 #aw20_item_8_main .aw20_item_brand,main.item_open_8 #aw20_item_8_main .aw20_item_txt{
    opacity:1;
}
main.item_open_8 #aw20_item_8_main{
    opacity:1;
    left:0;
}
main.item_open_9 #aw20_item_9_main .aw20_item_img,main.item_open_9 #aw20_item_9_main .aw20_item_brand,main.item_open_9 #aw20_item_9_main .aw20_item_txt{
    opacity:1;
}
main.item_open_9 #aw20_item_9_main{
    opacity:1;
    left:0;
}
main.item_open_10 #aw20_item_10_main .aw20_item_img,main.item_open_10 #aw20_item_10_main .aw20_item_brand,main.item_open_10 #aw20_item_10_main .aw20_item_txt{
    opacity:1;
}
main.item_open_10 #aw20_item_10_main{
    opacity:1;
    left:0;
}