/* =========================
   お問い合わせページで使うスタイル
========================= */

.category {
	background:url(../img/bg_cate_ttl.jpg) no-repeat 0 0;
	background-size:cover;
}

.category h2 {
	padding-top: 60px;
	line-height:1.2;
}

section.services {
	padding:2rem 0 10rem;
}

section.services .title {
	margin-bottom:7rem;
	line-height:1.3;
}

.services .container img {
	max-width:100%;
}

.toiawase_list li{
	margin-bottom:0.5em;
}

.toiawase_list li li {
	margin-bottom:0;
	list-style-type:circle;
}

.btn {
  padding: 2rem 2.4rem !important;
  display:inline-block;
}

/*ボックス全体*/
.switchbox {
  margin: 3rem auto 5rem;
  padding: 0;
  text-align: center; }

/*ラベル*/
.switchbox label {
  font-weight: bold;
  cursor: pointer; }

/*中身を非表示にしておく*/
.switchbox div {
  height: 0;
  overflow-y: hidden;
  transition: 0.9s;
  /*ゆっくり表示させる*/
  /*opacity: 0.5;*/
  margin-top: 1em; }

/*クリックで中身を表示*/
.switchbox input:checked + label + div {
  height: auto;
  opacity: 1; }

.switchbox a {
  color: #fff;
  text-decoration: none;
  cursor: pointer; }

.switchbox .bold {
  font-weight: bold; }

/*====== form ======*/

.contact-form { margin-top:4rem; margin-bottom:6rem; }

.contact-form span,
.contact-form .caution{ color: #e55c58; }

.contact-form .toiawase_list li span.telbold { color: #222; font-weight:bold; }

.contact-form th { white-space:nowrap; background-color: #eff5fd; }

.contact-form th span {
	display:inline-block;
	padding-left:1rem;
}

.contact-form table{
	width: 90%;
	margin:2rem auto 3rem;
}

.contact-form th, .contact-form td {
	text-align:left;
	padding:0.5em 1em;
	border: 1px solid #ccc;
	font-weight:normal;
}
	
.contact-form input[type="text"],
.contact-form textarea{
	padding: 1rem 0.5rem;
	width: 100%;
	border: 1px solid #ddd;
}

.contact-form input[type="checkbox"]{
	padding:0 0 0 1rem;
}


.contact-form .ls_2{ letter-spacing:0.2em; }

@media screen and (max-width: 768px) {
	.contact_page .intro{ margin-bottom: 2rem;}
	.contact-form table { width: 100%; }
	.contact-form th, .contact-form td { display:block; width:100%; border:none; }
	.contact-form td { border-bottom:1px dotted #ccc; padding:0 0 1em; }
	.contact-form th { padding:0.5em 0; background-color: none; }
	.kakunin span.button { display:block; }
}