@charset "utf-8";



/*section*/
section .parallax{
	padding: 2rem 0;	/*section内の余白。上下にcss冒頭のcontent-spaceを読み込み、左右は0（ゼロ）*/
}



/*スライドアップの装飾画像lp2kawaii
---------------------------------------------------------------------------*/
/*画像ボックス*/
.bg-slideup {
    background-image: url("https://template-party.com/template/tp_lp2/tp_lp2_oishii_white_purple_animation/images/6.jpg");	/*背景画像の読み込み*/
    background-repeat: no-repeat;
    background-size: cover;
	width: 100%;
	height: 50vh;	/*高さ。画面の高さの50%になる設定ですがお好みで。*/
	border-radius: 0px 15vw 0px 15vw;	/*角を丸くする指定。左上、右上、右下、左下への順番。*/
}




/*背景画像が少しずつ上に移動するtp_biz63/
---------------------------------------------------------------------------*/
/*ブロック全体8*/
.bg-slideup-a {
	margin-left: 1vw;
	margin-right: 1vw;
}

section > .bg-slideup-a:first-child {
	margin-top: 8vw;
}

/*画像ボックス*/
.bg-slideup-a .image-a {
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	padding: 10vw 20px;	/*上下、左右へのボックス内の余白。画面幅100% = 100vwです。*/
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 3rem;		/*英語テキストと日本語テキストの間のスペース。３文字分。*/
	color: #fff;	/*文字色*/
}

/* 英語テキスト */
.en-text-a {
	writing-mode: horizontal-tb;
	font-size: 0.8rem;	/*文字サイズ80%*/
}

/* 日本語縦書きテキスト */
.jp-text-a {
	writing-mode: vertical-rl;
	text-orientation: upright;
}

/*制作実績ブロックの画像指定*/
.bg-slideup-a .image-a {
	background-image: url("https://template-party.com/template/tp_biz63/tp_biz63_skyblue1/images/bg_works.jpg");	/*サイズ3276x3276正方形背景画像の指定*/
}

.mb-space-large {margin-bottom: 3vw !important;}



/*スライドアップの装飾画像
tp_lp2/
---------------------------------------------------------------------------*/
/*画像ボックス*/
.bg-slideup-b {
    background-image: url("https://template-party.com/template/tp_lp2/tp_lp2_kawaii_white_red_animation/images/6.jpg");	/*2708x4832背景画像の読み込み*/
    background-repeat: no-repeat;
    background-size: cover;
	width: 100%;
	height: 60vh;	/*高さ。画面の高さの50%になる設定ですがお好みで。*/
	border-radius: 15vw 15vw 15vw 15vw;	/*角を丸くする指定。左上、右上、右下、左下への順番。*/
}



/*背景画像が少しずつ上に移動するtp_biz63/アレンジ
---------------------------------------------------------------------------*/
/*ブロック全体8*/
.bg-slideup-c {
	margin-left: 0.1vw;
	margin-right: 0.1vw;
}

section .parallax > .bg-slideup-c:first-child {
	margin-top: 8vw;
}

/*画像ボックス*/
.bg-slideup-c .image-c {
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	padding: 10vw 20px;	/*上下、左右へのボックス内の余白。画面幅100% = 100vwです。*/
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 0.2rem;		/*英語テキストと日本語テキストの間のスペース。３文字分。*/
	color: #fff;	/*文字色*/
}

/* 英語テキスト */
.en-text-c {
	writing-mode: horizontal-tb;
	font-size: 0.8rem;	/*文字サイズ80%*/
}

/*制作実績ブロックの画像指定*/
.bg-slideup-c .image-c {
	background-image: url("https://template-party.com/template/tp_biz63/tp_biz63_skyblue1/images/bg_works.jpg");	/*サイズ3276x3276正方形背景画像の指定*/
}