@import url("/css/base_new.css"); /*header-footer*/

.navi_text{
	margin: -20px 0px 0px;
	padding: 0px;
	text-align: right;
}

/* ------------------------------------------- */
/* all CSS */
/* ------------------------------------------- */
.main_area{
	width: 986px;
	margin: 0 auto 30px;
	padding: 0px;
	border: 1px solid #666666;
	box-sizing: border-box;
	color: #333333;
	text-align: justify;
	font-family: "Meiryo", sans-serif;
}
.contents{
	margin: 0px;
	padding: 0px;
	height: auto;
}

/* ------------------------------------------- */
/* top_area (hero) */
/* ------------------------------------------- */
.top_area{
	width: 986px;
	height: 390px;
	margin: 0;
	padding: 0;
}
.top_area img{
	display: block;
	width: 986px;
	height: 390px;
}

/* ------------------------------------------- */
/* contents_main (本文ラッパー) */
/* ------------------------------------------- */
.contents_main{
	width: 834px;
	margin: 0 auto;
	padding: 28px 0 40px;
}
.contents_main p{
	font-family: "Meiryo", sans-serif;
	font-size: 16px;
	line-height: 180%;
	margin: 0 0 14px;
	padding: 0;
}

/* ------------------------------------------- */
/* lead (導入文ボックス) ＝ back.png グラデーション背景 */
/* ------------------------------------------- */
.lead{
	background: url(img/back.png) no-repeat center center;
	background-size: 100% 100%;
	/* CSSグラデーションでの代替も可:
	   background: linear-gradient(105deg, #d5e4fa 0%, #fde8dc 100%); */
	padding: 18px 24px;
	margin: 0 0 30px;
}
.lead p{
	font-size: 16px;
	font-weight: bold;
	line-height: 180%;
	margin: 0;
}

/* ------------------------------------------- */
/* heading band (紫バー #e3d6f6) ＋ サブタイトル */
/* ------------------------------------------- */
.band{
	width: 834px;
	height: 48px;
	line-height: 48px;
	margin: 0 0 6px;
	padding: 0 0 0 16px;
	background-color: #e3d6f6;
	font-family: "Meiryo", sans-serif;
	font-size: 28px;
	font-weight: bold;
	color: #333333;
	text-align: left;
	box-sizing: border-box;
	overflow: hidden;
}
.band-sub{
	font-family: "Meiryo", sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #555555;
	line-height: 150%;
	text-align: left;
	margin: 0 0 28px;
	padding: 0 0 0 16px;
}

/* ------------------------------------------- */
/* section heading (1.〜5.) */
/* ------------------------------------------- */
.sec_title{
	font-family: "Meiryo", sans-serif;
	font-size: 25px;
	font-weight: bold;
	color: #333333;
	line-height: 140%;
	margin: 34px 0 18px;
	padding: 0 0 0px;
	border-bottom: 5px solid #c3a7ec;
}
.section:first-of-type .sec_title{
	margin-top: 0;
}

/* 小見出し【〜】 */
.sub_label{
	font-family: "Meiryo", sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	margin: 16px 0 4px !important;
}

/* ------------------------------------------- */
/* 図表画像 */
/* ------------------------------------------- */
.fig{
	margin: 18px 0 22px;
	text-align: center;
}
.fig img{
	display: block;
	margin: 0 auto;
}

/* ------------------------------------------- */
/* lead-in to cards */
/* ------------------------------------------- */
.cards_intro{
	margin-top: 24px;
}

/* ------------------------------------------- */
/* company cards */
/* ------------------------------------------- */
.cards{
	display: flex;
	flex-wrap: wrap;
	gap: 18px 6px;
	margin: 22px 0 30px;
}
.card{
	width: 274px;
	background-color: #ddd8ee;
	box-sizing: border-box;
	padding-bottom: 16px;
	cursor: pointer;
}
.card:hover{
	box-shadow: 0 0 0 2px #c3a7ec;
}
/* 商品ビジュアル：配布画像の上部133pxのみ表示（下部のボタン等はクリップ） */
.card-visual{
	display: block;
	width: 274px;
	height: 133px;
	overflow: hidden;
}
.card-visual img{
	display: block;
	width: 274px;
	height: auto;
}
.card-com{
	font-family: "Meiryo", sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #3d26cd;
	line-height: 140%;
	text-align: center;
	margin: 12px 12px 8px !important;
	padding: 0;
}
.card-btn{
	text-align: center;
	margin: 0 0 10px;
}
.card-btn img{
	display: inline-block;
	width: 236px;
	height: 35px;
}
.card-name{
	font-family: "Meiryo", sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	line-height: 150%;
	text-align: center;
	margin: 0 14px 6px !important;
	padding: 0;
}
.card-desc{
	font-family: "Meiryo", sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #333333;
	line-height: 165%;
	text-align: justify;
	margin: 0 14px !important;
	padding: 0;
}
/* 空き枠（photo08.png プレースホルダー） */
.card-empty{
	background-color: #ddd8ee;
	padding-bottom: 0;
	cursor: default;
}
.card-empty:hover{
	box-shadow: none;
}
.card-empty img{
	display: block;
	width: 274px;
	height: auto;
}

/* ------------------------------------------- */
/* bottom inquiry button (button2.png) */
/* ------------------------------------------- */
.contact_btn{
	text-align: center;
	margin: 24px 0 10px;
}
.contact_btn img{
	display: inline-block;
	width: 324px;
	height: 51px;
}