@charset "UTF-8";
/* CSS Document */
/*背景画像が少しずつ上に移動する
---------------------------------------------------------------------------*/
/*ブロック全体*/
.bg-slideup-parts {
    background: #eee;	/*背景色*/
}

/*テキストボックス*/
.bg-slideup-parts .text-parts {
    padding: 2rem;	/*余白。２文字分。*/
}

/*画像ボックス*/
.bg-slideup-parts .image-parts {
    background-image: url("../images/portrait1.jpg");	/*背景画像の読み込み*/
    background-repeat: no-repeat;
    background-size: cover;
	height: 50vw;	/*高さ。画面幅の半分になる設定ですがお好みで単位なども変更して下さい。*/
}

	/*画面幅1000px以上の追加指定*/
	@media screen and (min-width:1000px) {

	/*ブロック全体*/
	.bg-slideup-parts {
		display: flex;
		min-height: 500px;	/*最低限の高さ。この行を削除すればテキスト量に応じた背景の高さになります。*/
	}

	/*reverse*/
	.bg-slideup-parts.reverse {
		flex-direction: row-reverse;
	}

	/*画像ボックス*/
	.bg-slideup-parts .image-parts {
		width: 50%;	/*幅*/
	}

	/*テキストボックス*/
	.bg-slideup-parts .text-parts {
		flex: 1;
		align-self: center;
	}

	}/*追加指定ここまで*/