@charset "utf-8";

/*-----------------------------------------------
	index
-----------------------------------------------*/
/* secTop */
.secTop{
	height:500px;
	background:url(../img/contact/bgTop.jpg) #F4F5EF center bottom no-repeat;
	text-align:center;
}
.secTop .maintit{
	padding:74px 0 0;
}
@media only screen and (max-width:767px){
	.secTop{
		height:auto;
	}
	.secTop .maintit{
		padding:20px 3% 30px;
	}
}

/* secCatalog */
.secCatalog{
	padding:0 0 110px;
}
.secCatalog .boxContent{
	padding:0 0 76px;
	background:#F7F4F0;
	text-align:center;
}
.secCatalog .boxList{
	display:inline-block;
	max-width:1080px;
	margin:0 auto;
	padding:60px 0 0;
	font-size:0;
	text-align:left;
}
.secCatalog .boxList li{
	display:inline-block;
	vertical-align:top;
	font-size:12px;
	text-align:center;
	width:320px;
	margin:0 20px 24px;
	padding:30px 20px;
	color:#2C2626;
	background:#fff;
	cursor:pointer;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.secCatalog .boxList li:hover{filter:alpha(opacity=80);opacity:0.8;}
/*.secCatalog .img img{
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
}*/
.secCatalog .boxTxt{
	min-height:130px;
}
.secCatalog .tit{
	font-size:16px;
	font-weight:bold;
	letter-spacing:1px;
	line-height:1.5;
	padding:20px 0 14px;
}
.secCatalog .txt{
	font-size:12px;
	line-height:20px;
	text-align:left;
	padding:0 0 24px;
}
.secCatalog .btn{
	width:200px;
	font-size:14px;
	letter-spacing:1px;
	margin:0 auto;
	border-radius:4px;
	padding:23px 0 24px;
}
.secCatalog .item:not(.active) .btn{
	color:#000 !important;
	background:#fff !important;
	border:solid 1px #565752;
	padding:22px 0 23px;
}
.secCatalog .active .btn{
	font-size:0;
	background-color:#92BC38;
}
.secCatalog .active .btn::before{
	content:"選択中";
	font-size:14px;
}
.secCatalog input[type="checkbox"]{
	display:none;
}
@media only screen and (max-width:1264px){
	/*.secCatalog .boxList li{
		margin:0 5px 24px;
	}*/
}
@media only screen and (max-width:767px){
	.secCatalog .boxContent{
		padding:10px 3% 20px;
	}
	.secCatalog .boxList{
		display:block;
		max-width:none;
		padding:0;
	}
	.secCatalog .boxList li{
		display:block;
		width:100%;
		margin:0 0 10px;
		padding:15px;
	}
	.secCatalog .boxTxt{
		min-height:0;
	}
	.secCatalog .tit{
		font-size:15px;
		letter-spacing:0.5px;
		padding:15px 0 10px;
	}
	.secCatalog .txt{
		line-height:1.5;
		padding:0 0 10px;
	}
	.secCatalog .btn{
		letter-spacing:0.5px;
		padding:10px;
	}
	.secCatalog .item:not(.active) .btn{
		padding:9px 10px;
	}
}

/* secForm */
.secForm{
	padding:120px 0 150px 0;
}
.secFormStep{
	padding-top:70px;
}
.secForm .btnForm{
	background-color:#DE6B76;
}
.co .secFormStep{
	padding-top:0;
}
@media only screen and (max-width:767px){
	.secForm{
		padding:30px 0 50px 0;
	}
	.secFormStep{
		padding-top:1px;
	}
	.co .secFormStep{
		padding-top:0;
	}
}