@charset "utf-8";

/*========= レイアウトのためのCSS ===============*/


.wrapper{
	display: flex;
	align-items: center;
	justify-content: center;
	height: auto;
	margin-bottom: 20px;
}

/*SVGのサイズ*/
svg{
	max-width:370px;/*SVGタグの横幅*/
	width:92%;/* レスポンシブ対応にするため100%を指定*/
	height:auto;
}


/*========= 手書き風にするためのCSS ===============*/

/* マスクをするパスの設定*/
#mask .st0{
    fill:none;
    stroke:#FFFFFF;
    stroke-width:90;/*線の太さを指定する*/
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-miterlimit:10;
    stroke-dasharray: 1500; /* 線の間隔を指定する */
    stroke-dashoffset:1500; /* 線の位置を指定する */
}


@media(min-width:1060px) {
.top-subtext__wrapper{
	display: block;
	position: relative;
    width: 100%;
	max-width: 1380px;
	margin: 0 auto;
	
	}
	
.wrapper{
	position: absolute;
	height: auto;
	top:0px;
	right:5%;
    z-index: 600;
}
/*SVGのサイズ*/
svg{
	max-width:634px;/*SVGタグの横幅*/
	width:98%;/* レスポンシブ対応にするため100%を指定*/
	height:auto;
}

	
}