@charset "utf-8";

body#ki-top {
	background: #fff url(image/mainimg.jpg) no-repeat center 120px/auto 500px;	/*背景色と背景画像の読み込み。60pxというのはheaderの高さの事。autoは画像の幅、高さは700pxで指定。*/
}

.ki-top {margin-top: 380px;}

body.is-fixed .ki-top {
	margin-top: 431px;	/*.mt-top2のサイズ(350)にメインメニューの高さ(51)を合計したサイズを指定する*/
}

.top-cont {
	padding-top: 150px ;	/*202404追加調整*/
}


/*画面幅800px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:900px){

/*トップページの設定*/
body#ki-top {
	background: #fff url(image/mainimg.jpg) no-repeat center 170px/auto 400px;
}
.ki-top {margin-top: 330px;}

body.is-fixed .ki-top {
	margin-top: 432px;	/*.mt-top8のサイズ(150)にメインメニュー２段分の高さ(102)を合計したサイズを指定する*/
}

.top-cont {
	padding-top: 70px ;	/*202404追加調整*/
}
}


/*fixmenuの設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*画面幅800px以下で、端末を横向きにした時の設定（※表示領域が狭くなるのでメニューをスクロールさせる）
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media (orientation: landscape) and (max-width: 900px){

body.is-fixed .ki-top {
	margin-top: 325px;	/*.mt-top8のサイズ(150)を指定する*/
}

}

/*画面幅480px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:480px){

/*トップページの設定*/
body#ki-top {
	background: #fff url(image/mainimg.jpg) no-repeat center 70px/auto 200px;
}
.ki-top {margin-top: 170px;}
body.is-fixed .ki-top {
	margin-top: 170px;	/*.mt-top8のサイズ(100)を指定する*/
}

.top-cont {
	padding-top: 30px ;	/*202404追加調整*/
}

}