/* MEDIA START **********************************************/
/* @media screen and (min-width:480px){} */
/* @media screen and (min-width: 990px) {} */
/* @media screen and (min-width: 1120px) {} */
/* MEDIA END **********************************************/

/* 使用カラー ボーダー #939393 */
/* 使用カラー フォントカラー #2f2f2f */

/********************************************** バリアバルズ ***********************************************/
/********************************************** バリアバルズ ***********************************************/
/********************************************** バリアバルズ ***********************************************/


.border-t {
	border-top: 1px solid #939393;
}
.border-b {
	border-bottom: 1px solid #939393;
}

.spacer-header {
	width: 100%;
	height: 70px;
}
/********************************************** メイン ***********************************************/
/********************************************** メイン ***********************************************/
/********************************************** メイン ***********************************************/

.page_wrapper {
	max-width: 1400px;
	margin: 0 auto;
	color: #2f2f2f;
	padding-bottom: 50px;
}

.page-title_container {
	text-align: center;
	padding: 15px;
	margin-bottom: 20px;
}
.page-title {
	font-weight: 400;
	font-size: 32px;
}
.page-sub-title {
	padding: 10px 0;
}

/***************************************** メインコンテンツ ***********************************************/
/***************************************** メインコンテンツ ***********************************************/
/***************************************** メインコンテンツ ***********************************************/


.main_grid-container {
	width: 100%;
	justify-content: center;
	justify-items: center;
	display: grid;
    grid-auto-rows: 1fr;
    grid-template-columns: repeat(auto-fit, minmax(250px, 500px));
	grid-gap: 15px 15px;
}

.image_grid-item-container {
	width: 90%;
}
.catalog_image {
	width: 100%;
	box-shadow: 5px 5px 5px #2f2f2f ;
}

.form_grid-item-container {
	width: 90%;
	background-color: hsl(0, 0%, 93%);
}

.download-form {
	/* background-color: hsl(0, 0%, 93%); */
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	padding-top: 40px;

}

.input-name_container {
	text-align: center;
	padding: 10px 0;
	width: 90%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}

.input-name {
	width: 49%;
	padding: 10px;
}

.input-email {
	width: 90%;
	padding: 10px;
	margin-bottom: 10px;
}
.input-company {
	width: 90%;
	padding: 10px;
	margin-bottom: 10px;
}
.input-address {
	width: 90%;
	padding: 10px;
	margin-bottom: 10px;
}
.input-phonenumber {
	width: 90%;
	padding: 10px;
	margin-bottom: 10px;
}

.agree-privacypolicy {
	width: 90%;
	display: block;
	padding-top: 10px;
}

.form-remark {
	width: 90%;
	display: block;
	font-size: 12px;
	margin-bottom: 10px;
	line-height: 18px;
}

.question {
	width: 90%;
	display: block;
	padding-top: 10px;
}
.question_option {
	width: 90%;
	display: block;
	padding-top: 10px;
}

.submit_button {
	color: white;
	width: 90%;
	/* display: block; */
	padding: 10px;
	background-color: hsl(213, 40%, 50%);
	margin: 10px auto;
}

/* .main_flex-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-evenly;
	align-items: center;
}

.image_container {
	padding: 0 5px;
	max-width: 330px;
	margin: 15px auto;
}

.catalog_image {
	width: 100%;
	box-shadow: 5px 5px 5px #2f2f2f ;
}
.catalog-name {
	text-align: center;
	padding: 10px 0 20px 0;
	font-weight: 400;
	font-size: 24px;
} */