/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 16 2025 | 16:15:53 */
/* このCSSについて */
/* npgのトップページ改良用の表示テスト用 */
/* 固定ページ側でのカスタムCSSと併用 */

/* 1ページ目（便宜上、こう呼ぶ） */
/* 縦書きのキャッチフレーズを画面右上に配置 */
.page1 {
	display: flex;
	justify-content: flex-end;
	align-items: flex-start;
	height: 100vh;
	box-sizing:border-box;
	width:100%;
	height:100vh;
}
.page1 > div:nth-child(1){
	width:auto;
	height:auto;
	margin-top:0px;
	margin-right:0px;
	writing-mode: vertical-rl;
}

/* 会社紹介の文面 */
.company_introduction{
	width:100vw;
	height:auto;
	min-height:100vh;
	box-sizing: border-box;
//	margin-top:100vh;
	margin-left:0px;
	padding:30px;
//	border-radius: 50px;
	border-top-left-radius: 100px;
	border-bottom-right-radius: 100px;
	background-color:#fcfcfcaa;
}
/* 画面下部にバナーを2つセット */
.flex-banner{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content:center;
	align-items: stretch;
	background-color:#333333;
}
.flex-banner > div:nth-child(-n+2){
	display: flex;
	align-items: center;
	justify-content: center;
	width:50%;
	height:auto;
	min-width:395px;
	min-height:150px;
	background-position:center;
	background-repeat:no-repeat;
	background-size: cover;
}

/*  ツイッターへ誘導するバナー*/
.flex-banner > div:nth-child(1) > a{
	font-family: '游明朝';
	font-size:1.4rem;
//	text-indent:1.4rem;
 	color:#fcfcfc;
}

/* ECサイトへ誘導するバナー */
.flex-banner > div:nth-child(2) > a{
	font-family: '游明朝';
	font-size:1.4rem;
//	text-indent:1.4rem;
 	color:#333333;
}

.flex-banner > div:nth-child(1){
	background-image:url("https://npg.jp/wp-content/uploads/2025/07/banner_pc_coffee.png");
}
.flex-banner > div:nth-child(2){
	background-image:url("https://npg.jp/wp-content/uploads/2025/07/banner_zukei.png");
}