.cnt,.bkg,.grain,.taki,.text {width:100%;height:100%;position:absolute;margin:0;padding:0;}
.cnt {top:2rem;left:2rem;width:calc(100% - 4rem);height:calc(100% - 4rem);position:absolute;}
/* original */
/*.bkg {background:linear-gradient(131deg, #3780a0, #5091a3);}*/
/* darker */
.bkg {background:linear-gradient(131deg, #105383, #5091a3);}
.grain {background-image:url(grain.png);opacity:0.09;}
.taki {width:73%;height:83%;overflow:hidden;position:fixed;left:0;top:0;display:flex;justify-content:flex-end;align-items:center;}
.taki IMG {max-width:110vw;max-height:75vh;display:block;}
.tit {
    bottom:1rem;left:2rem;font-size:6.5rem;letter-spacing:7px;
    line-height:1.0;
    font-family:'Bebas Neue',sans-serif;
    color:#f2e17e;
    text-shadow:-1px -1px 0 #000, 1px -1px 0 #000,-1px 1px 0 #000, 1px 1px 0 #000;
    position:absolute;
    font-weight:700;
}
.lgo {position:absolute;bottom:7.5rem;left:2rem;}
.lgo IMG {display:block;width:auto;height:100%;}
.subt {top:2rem;right:2rem;text-align:right;position:absolute;color:#ffe6ad;}
.desc {font-size:1.25rem;font-family:'Yeseva One',serif;font-style:italic;line-height:1.0;margin-bottom:0.5rem;}
.auth {font-size:4.5rem;font-family:'Josefin Sans',sans-serif;font-weight:900;line-height:1.0;}

/* devices */
/ * tab*
@media only screen and (max-device-width:820px) {
	.taki{justify-content:flex-end;}
	.taki IMG {margin:0 0 14rem 0;}
	.tit {max-width:24rem;font-size:8rem;}
	.lgo {top:2rem;left:2rem;right:auto;bottom:auto;height:auto;}
	.subt {bottom:2rem;right:2rem;top:auto;left;auto;}
}
/* mob */
@media only screen and (max-device-width:481px) {
	.cnt {top:1rem;left:1rem;width:calc(100% - 2rem);height:calc(100% - 2rem);}
	.taki IMG {max-height:55vh;margin-bottom:3rem;}
	.lgo {left:auto;right:1rem;bottom:1rem;top:auto;height:2.25rem;}
	.tit {bottom:0.5rem;left:1rem;top:auto;right:auto;max-width:12rem;font-size:4.5rem;letter-spacing:4px;}
	.subt {top:1rem;right:1rem;}
	.desc {font-size:1rem;}
	.auth {font-size:3.5rem;}
}
/* long mob */
@media only screen and (max-width:481px) and (min-height:800px) {
	.tit {font-size:6rem;max-width:16rem;text-align:left;}
	.taki IMG {margin-bottom:12rem;}
}
/* large tab*/
@media only screen and (max-width:1024px) and (min-device-height:1280px) {
	.tit {font-size:10rem;max-width:24rem;}
	.taki IMG {margin:0 0 18rem 0;max-height:67vh;}
	.subt {bottom:2rem;right:2rem;top:auto;left;auto;}
	.desc {font-size:1.5rem;}
	.auth {font-size:6rem;}
	.lgo {top:2rem;left:2rem;right:auto;bottom:auto;height:auto;}
}
/* landscape tab */
@media only screen and (orientation:landscape) and (max-device-height:819px) {
	.tit {font-size:8.5vw;width:100%;text-align:center;left:0;}
	.subt {right:1rem;top:1rem;left:auto;bottom:auto;text-align:right;}
	.lgo {top:1rem;left:1rem;right:auto;bottom:auto;height:3rem;}
	.desc {font-size:1.1rem;}
	.auth {font-size:4rem;}
}
/* landscape mob */
@media only screen and (orientation:landscape) and (max-device-height:396px) {
	.cnt {top:1rem;left:1rem;width:calc(100% - 2rem);height:calc(100% - 2rem);}
	.taki {justify-content:center;align-items:center;}
	.taki IMG {max-height:85vh;margin:0 2rem 0 0;}
	.lgo {height:2rem;bottom:1rem;left:1rem;top:auto;}
	.desc {font-size:1rem;}
	.tit {max-width:18rem;font-size:5rem;text-align:left;top:1rem;bottom:auto;left:1rem;right:auto;}
	.auth {font-size:3.5rem;}
}


/* laptop / desktop */

@media only screen and (max-width:960px){
	.tit {font-size:10vw;max-width:12rem;letter-spacing:4px;}
	.lgo {left:auto;right:1rem;bottom:1rem;top:auto;height:2.25rem;}
	.taki {width:90%;height:96%;}
	.taki IMG {max-height:67vh;}
}

/* column */
@media only screen and (min-height:768px) and (max-width:512px){
	.tit {font-size:6rem;max-width:14rem;letter-spacing:4px;}
	.taki {width:100%;height:84%;justify-content: center;}
	.taki IMG {max-height: 50vh;max-width: 98vw;}
}

/* banner wide */
@media only screen and (max-height:320px) {
	.cnt {top:1rem;left:1rem;width:calc(100% - 2rem);height:calc(100% - 2rem);}
	.taki {width:87%;}
	.taki IMG {max-height:110vh;margin:0;}
	.tit {bottom:0;left:1rem;font-size:8vw;}
	.lgo {height:2rem;top:1rem;bottom:auto;left:1rem;right:auto;}
	.subt {top:1rem;right:1rem;}
	.desc {font-size:1rem;}
	.auth {font-size:3.5rem;}
}
/* banner med */
@media only screen and (max-width:960px) and (max-height:320px) {
	.taki {width:83%;}
}
/* banner tight */
@media only screen and (max-width:820px) and (max-height:320px) {
	.taki {width:74%;}
	.taki IMG {max-height:103vh;}
	.tit {bottom:0.5rem;font-size:9vw;}
	.desc {font-size:0.85rem;}
	.auth {font-size:2.666rem;}
}