.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
*/
.aw21_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/hero.jpg);
    z-index:-2;
}
#aw21_title{
    position: fixed;
    width: 100%;
    height:100vh;
    margin: auto;
    padding: 0;
    top:0;
    left:0;
    z-index:-1;
}
#aw21_title>.secinner{
    height: 100%;
}
.aw21_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;
}
.aw21_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;
}
.aw21_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;
}
.aw21_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;
}
.aw21_ttl_left_inner>h1{
    padding-top:50px;
}
.aw21_ttl_l{
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight:bold;
    font-size:96px;
    display: inline-block;
    width: 100%;
    line-height:1;
    margin-bottom:20px;
}
.aw21_ttl_l>span{
    font-size:48px;
}
.aw21_ttl_s{
    font-size:36px;
    display: inline-block;
    width: 100%;
    line-height:1.3;
}
body.loaded .aw21_ttl_right{
    height:40vh;
}
body.loaded .aw21_ttl_left{
    height:40vh;
}
body.is-fixed .aw21_ttl_right,body.is-fixed .aw21_ttl_left{
    height:100vh;
    opacity:.9;
}
.aw21_ttl_right p{
    line-height:2;
}
.aw21_ttl_right p,.aw21_ttl_left h1{
    transition:all .5s;
}
body.is-fixed .aw21_ttl_right p{
    opacity:0;
}
body.is-fixed .aw21_ttl_left h1{
    opacity:0;
}


/*
dummy
*/
.aw21_dummy_box{
    display: block;
    position: relative;
    width: 100%;
    height: 100vh;
    margin: 0 auto;
    padding: 0;
}
#aw21_scroll_landing{
    height: 70vh;
}


/*
main
*/
#aw21_item{
    position: fixed;
    z-index:15;
    left:0;
    height: 100%;
    top:0;
}
#aw21_item .secinner{
    height: 100%;
}
.aw21_item_wrap{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    margin: auto;
    padding: 0;
    top:0;
    left:0;
    bottom:0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity:0;
    transition:all .5s;
}
.aw21_item_mainimg{
    display: block;
    position: relative;
    margin:0;
    padding: 0;
    width: auto;
    height: 70vh;
    transition:all .5s;
    transform:translateX(-100px);
}
.aw21_item_txt_wrap{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    position: relative;
    width: calc(100% - 70vh);
    height: auto;
    margin: 0;
    padding: 0 50px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    transition:all .5s;
    transform:translateX(100px);
}
.aw21_item_wrap.even{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.aw21_item_wrap.even .aw21_item_txt_wrap{
    transform:translateX(-100px);
}
.aw21_item_wrap.even .aw21_item_mainimg{
    transform:translateX(100px);
}
.aw21_item_txt_inner{
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto 20px;
    padding: 0;
}
.aw21_item_brand{
    background:#000;
    display: inline-block;
    padding: 0px 5px;
    font-size: 18px;
    font-weight:bold;
    margin-bottom:10px;
    color:#fff;
}
.aw21_item_txt_inner>h2{
    font-size:24px;
    margin-bottom:10px;
}
.aw21_item_price{
    font-size:18px;
    font-weight:bold;
    margin-bottom:20px;
}
.aw21_item_txt{
    line-height:1.8;
    margin-bottom:20px;
}
.aw21_btn_wrap{
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto 20px;
    padding: 0;
}
.aw21_btn_wrap>a{
    color:#fff;
    display: inline-block;
    width: 200px;
    font-weight:bold;
    background:#00A3FF;
    padding:10px 25px;
    text-align:center;
}
.aw21_item_subimg{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.aw21_item_subimg>img{
    display: block;
    position: relative;
    width: auto;
    height: 30vh;
    margin: 0 5px;
    padding: 0;
}


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

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

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


/*
visible controll
*/
main.item_open_1 #aw21_item_1_main .aw21_item_img,main.item_open_1 #aw21_item_1_main .aw21_item_brand,main.item_open_1 #aw21_item_1_main .aw21_item_txt{
    opacity:1;
}
main.item_open_1 #aw21_item_1_main{
    opacity:1;
    left:0;
    z-index:10;
}
main.item_open_1 #aw21_item_1_main .aw21_item_mainimg,main.item_open_1 #aw21_item_1_main .aw21_item_txt_wrap{
    transform:translateX(0);
}
main.item_open_2 #aw21_item_2_main .aw21_item_img,main.item_open_2 #aw21_item_2_main .aw21_item_brand,main.item_open_2 #aw21_item_2_main .aw21_item_txt{
    opacity:1;
}
main.item_open_2 #aw21_item_2_main{
    opacity:1;
    left:0;
    z-index:10;
}
main.item_open_2 #aw21_item_2_main .aw21_item_mainimg,main.item_open_2 #aw21_item_2_main .aw21_item_txt_wrap{
    transform:translateX(0);
}
main.item_open_3 #aw21_item_3_main .aw21_item_img,main.item_open_3 #aw21_item_3_main .aw21_item_brand,main.item_open_3 #aw21_item_3_main .aw21_item_txt{
    opacity:1;
}
main.item_open_3 #aw21_item_3_main{
    opacity:1;
    left:0;
    z-index:10;
}
main.item_open_3 #aw21_item_3_main .aw21_item_mainimg,main.item_open_3 #aw21_item_3_main .aw21_item_txt_wrap{
    transform:translateX(0);
}
main.item_open_4 #aw21_item_4_main .aw21_item_img,main.item_open_4 #aw21_item_4_main .aw21_item_brand,main.item_open_4 #aw21_item_4_main .aw21_item_txt{
    opacity:1;
}
main.item_open_4 #aw21_item_4_main{
    opacity:1;
    left:0;
    z-index:10;
}
main.item_open_4 #aw21_item_4_main .aw21_item_mainimg,main.item_open_4 #aw21_item_4_main .aw21_item_txt_wrap{
    transform:translateX(0);
}
main.item_open_5 #aw21_item_5_main .aw21_item_img,main.item_open_5 #aw21_item_5_main .aw21_item_brand,main.item_open_5 #aw21_item_5_main .aw21_item_txt{
    opacity:1;
}
main.item_open_5 #aw21_item_5_main{
    opacity:1;
    left:0;
    z-index:10;
}
main.item_open_5 #aw21_item_5_main .aw21_item_mainimg,main.item_open_5 #aw21_item_5_main .aw21_item_txt_wrap{
    transform:translateX(0);
}
main.item_open_6 #aw21_item_6_main .aw21_item_img,main.item_open_6 #aw21_item_6_main .aw21_item_brand,main.item_open_6 #aw21_item_6_main .aw21_item_txt{
    opacity:1;
}
main.item_open_6 #aw21_item_6_main{
    opacity:1;
    left:0;
    z-index:10;
}
main.item_open_6 #aw21_item_6_main .aw21_item_mainimg,main.item_open_6 #aw21_item_6_main .aw21_item_txt_wrap{
    transform:translateX(0);
}
main.item_open_7 #aw21_item_7_main .aw21_item_img,main.item_open_7 #aw21_item_7_main .aw21_item_brand,main.item_open_7 #aw21_item_7_main .aw21_item_txt{
    opacity:1;
}
main.item_open_7 #aw21_item_7_main{
   opacity:1;
    left:0;
    z-index:10;
}
main.item_open_7 #aw21_item_7_main .aw21_item_mainimg,main.item_open_7 #aw21_item_7_main .aw21_item_txt_wrap{
    transform:translateX(0);
}
main.item_open_8 #aw21_item_8_main .aw21_item_img,main.item_open_8 #aw21_item_8_main .aw21_item_brand,main.item_open_8 #aw21_item_8_main .aw21_item_txt{
    opacity:1;
}
main.item_open_8 #aw21_item_8_main{
    opacity:1;
    left:0;
    z-index:10;
}
main.item_open_8 #aw21_item_8_main .aw21_item_mainimg,main.item_open_8 #aw21_item_8_main .aw21_item_txt_wrap{
    transform:translateX(0);
}
main.item_open_9 #aw21_item_9_main .aw21_item_img,main.item_open_9 #aw21_item_9_main .aw21_item_brand,main.item_open_9 #aw21_item_9_main .aw21_item_txt{
    opacity:1;
}
main.item_open_9 #aw21_item_9_main{
    opacity:1;
    left:0;
    z-index:10;
}
main.item_open_9 #aw21_item_9_main .aw21_item_mainimg,main.item_open_9 #aw21_item_9_main .aw21_item_txt_wrap{
    transform:translateX(0);
}
main.item_open_10 #aw21_item_10_main .aw21_item_img,main.item_open_10 #aw21_item_10_main .aw21_item_brand,main.item_open_10 #aw21_item_10_main .aw21_item_txt{
    opacity:1;
}
main.item_open_10 #aw21_item_10_main{
    opacity:1;
    left:0;
    z-index:10;
}
main.item_open_10 #aw21_item_10_main .aw21_item_mainimg,main.item_open_10 #aw21_item_10_main .aw21_item_txt_wrap{
    transform:translateX(0);
}
main.item_open_11 #aw21_item_11_main .aw21_item_img,main.item_open_11 #aw21_item_11_main .aw21_item_brand,main.item_open_11 #aw21_item_11_main .aw21_item_txt{
    opacity:1;
}
main.item_open_11 #aw21_item_11_main{
    opacity:1;
    left:0;
    z-index:10;
}
main.item_open_11 #aw21_item_11_main .aw21_item_mainimg,main.item_open_11 #aw21_item_11_main .aw21_item_txt_wrap{
    transform:translateX(0);
}