@charset "UTF-8";
html,body{
	height: 100%; /*高さを100％に設定*/
}
body{
    margin: 0;
    padding: 0;
    position: relative;
    background-color: #FFF;
    overflow: hidden;
}
svg{
    margin-top: calc(-5%);
    margin-left: calc(-5%);
    position: absolute;     /*body要素に対して絶対配置*/
    top: 50%;       /*上端を中央に*/
    left: 50%;      /*左端を中央に*/
    width: 10%;   /*横幅*/
    height: auto;  /*縦幅*/
    z-index: 100;
}
.bg-w {
	position: fixed;
	bottom: 0;
	right: 0;
	width: 0%;
	border-top: 50px solid transparent;
	border-right: 50px solid #fff100;
	border-bottom: 50px solid #fff100;
	border-left: 50px solid transparent;
}

@media screen and (max-width:480px){
  /*画面幅が480pxまでの時*/
  svg{
	    margin-top: calc(-5%);
	    margin-left: calc(-10%);
	    position: absolute;     /*body要素に対して絶対配置*/
	    top: 50%;       /*上端を中央に*/
	    left: 50%;      /*左端を中央に*/
	    width: 20%;   /*横幅*/
	    height: auto;  /*縦幅*/
	}
}
@media screen and (max-width:780px){
  /*画面幅が781px以上の時*/
  svg{
	    margin-top: calc(-5%);
	    margin-left: calc(-8%);
	    position: absolute;     /*body要素に対して絶対配置*/
	    top: 50%;       /*上端を中央に*/
	    left: 50%;      /*左端を中央に*/
	    width: 16%;   /*横幅*/
	    height: auto;  /*縦幅*/
	}
}