@charset "utf-8";
/* CSS Document */


/*====================================================================*/
/*header*/

#contact {
	background-image: url("../images/shutterstock_417504742.jpg");
	background-size: cover; /*--背景画像のサイズ--*/
    background-attachment: fixed; /*--背景画像の固定--*/
    background-repeat: no-repeat; /*--背景画像の繰り返し--*/
    background-position: center center; /*--背景画像の位置--*/
	position: relative;
	z-index: 1;
}

@media screen and (max-width:1000px) {
	#contact {
		padding: 61px 0 0;
	}	
}

#contact::after {
	content: "";
	background-color: rgba(255,255,255,0.6);
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

#contact_container {
	width: 95%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 60px 0;
	position: relative;
	z-index: 3;
}

#contact h2 {
	font-size: 25px;
	background-color: #CDE5F4;
	padding: 30px;
	box-sizing: border-box;
	color: rgba(31,52,120,1.00);
	text-align: center;
	position: relative;
	z-index: 3;
	
}

@media screen and (max-width:768px) {
#contact h2 {
	font-size: 20px;
	
}	
}

.formTable {
	list-style: none;
	width: 100%;
}

.formTable li {
	width: 100%;
	margin: 0 0 25px;
	filter: drop-shadow(5px 1px 5px rgba(0,0,0,0.2));
}

@media screen and (max-width:768px) {
.formTable li {
	margin: 0 0 30px;

}	
}

.formTable li .problem {
	background-color: #CDE5F4;
	font-size: 16px;
	padding: 10px;
	box-sizing: border-box;
	color: rgba(31,52,120,1.00);
	font-weight: bold;
}

.formTable li .problem span {
	font-size: 14px;
}

.formTable li .text_box {
	background-color: #FFF;
}

.formTable li .text_box input {
	display: inline-block;
	width: 100%;
	padding: 15px 5px;
	box-sizing: border-box;
	border: none;
	outline: none;
	font-size: 16px
}

.formTable li .radio {
	background-color: #FFF;
	padding: 15px 20px;
	box-sizing: border-box;
}

.formTable li .radio input {
	
	border: none;
	outline: none;
	font-size: 16px;
	background-color: #FFF;
}

.formTable li .radio label {
	font-size: 16px;
	padding: 0 20px 0 0; 
}

.text_box textarea {
	display: inline-block;
	width: 100%;
	padding: 15px 5px;
	box-sizing: border-box;
	outline: none;
	border: none;
	font-size: 16px;
	min-height: 200px;
}

.formTable .choices_list {
	list-style: none;
	padding: 30px 20px 20px;
	box-sizing: border-box;
	background-color: #FFF;
}

.formTable .choices_list li {
	font-size: 16px;
	color: #5B5B5B;
	position: relative;
	box-sizing: border-box;
	padding: 0 0 0 35px;
}

.formTable li .choices_list input {
	height: 16px;
	width: 16px;
	position: absolute;
	top: 3px;
	left: 0px;
}

#text_center_box {
	display: flex;
	width: 80%;
	max-width: 400px;
	margin: 0 auto;
}

.text_center {
	width: 96%;
	margin: 2%;
}

.text_center input {
	display: inline-block;
	width: 100%;
	padding: 15px 0;
	border:  none;
}

.kakunin input {
	background-color: #4AA9D1;
	border-radius: 15px;
	color: #FFF;
	font-size: 15px;
	font-weight: bold;
}

#shohin_list {
	list-style: none;
	width: 100%;
	padding: 20px 0;
	display: flex;
	flex-wrap: wrap;
}

#shohin_list li {
	width: 23%;
	margin: 1%;
	background-color: #FFF;
	box-sizing: border-box;
	padding: 15px 15px 55px;
	position: relative;
}

@media screen and (max-width:1080px) {
	#shohin_list li {
		width: 48%;
	}	
}

@media screen and (max-width:600px) {
	#shohin_list li {
		width: 95%;
		max-width: 400px;
		margin: 0 auto 20px;
	}	
}

.shohin_img {
	width: 90%;
	margin: 0 auto;
	padding: 10px 0;
}

.shohin_img img {
	width: 100%;
}

.shohin_count input {
	display: inline-block;
	width: 50px;
	font-size: 15px;
	margin: 0 5px 0 0;
	border: 1px solid #A4A4A4;
	text-align: right;
}

#shohin_list .shohin_name {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding: 5px 0;
	border: 2px solid #D1D1D1;
	color:#767676;
}

#shohin_list p {
	color:#767676;
	font-size: 15px;
	font-weight: bold;
	border-top: 2px dotted #D1D1D1;
	padding: 5px;
	box-sizing: border-box;
}

#shohin_list .shohin_count {
	position: absolute;
	z-index: 4;
	bottom: 15px;
	left: 15px;
	right: 15px;
	text-align: right;
	font-size: 16px;
	background-color: #F3F3F3;
}

.formTable #shohin_list ul {
	list-style: none;
}

.formTable #shohin_list ul li {
	filter: none;
	margin: 0 0 5px;
	width: 100%;
	font-size: 15px;
	font-weight: bold;
	padding: 0 0 0 15px;
}