@charset "UTF-8";
/* CSS Document */
@font-face{
	font-family: 'senobi';
	src: url("Senobi-Gothic-Bold.ttf")format('truetype')
}

.main {
    background-image: url("images/back_top6.jpg");/*←背景画像を指定*/
    background-repeat: no-repeat;/*←背景画像は繰り返さずに1枚だけ表示*/
    background-size: cover;/*←背景画像をトリミングしつついいかんじに表示*/
    background-position: 50%  50%;/*←背景画像の真ん中から表示*/
    width: 100%;/*←これ見ているデバイスの横の画面サイズいっぱい*/
    height: 4050px;
    margin-top: 0px;
	position: relative;
}

#topnavi img{
    width: 100%;
	position: fixed;/* 位置を固定する */
	top: 0; /* 位置を画面の一番上にする */
	z-index: 10;/* 重なり順の設定 */
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}

.one{
 position: absolute;
 font-family: "senobi";
 top: 720px;
 left: 25px;
 font-size: 25px;
 color: #707070;
 padding: 0;
 margin: 0;
}

.memo{
 position: absolute;
 font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
 top: 1345px;
 left: 120px;
 font-size: 16px;
 color: #707070;
 padding: 0;
 margin: 0;
}

mark{
	color: #707070;
	background-color: #DAE8F8;
}

.two{
 position: absolute;
 font-family: "senobi";
 top: 1550px;
 left: 25px;
 font-size: 25px;
 color: #707070;
 padding: 0;
 margin: 0
}

.topic{
	position: absolute;
	top: 1630px;
	left: 38px
}

.three{
 position: absolute;
 font-family: "senobi";
 top: 2120px;
 left: 25px;
 font-size: 25px;
 color: #707070;
 padding: 0;
 margin: 0
}

.four{
 position: absolute;
 font-family: "senobi";
 top: 3590px;
 left: 25px;
 font-size: 25px;
 color: #707070;
 padding: 0;
 margin: 0
}

body{
	margin: 0;
    padding: 0;
}