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

a {
	color: #175b2c;
}
a:hover {
	color: #339966!important;
}
/********************************

  main

********************************/

#main {
	position: relative;
	margin: 80px auto 0;
	padding: 50px 0 100px;
	text-align: left;
	background: #f4f7de;
	transform: rotate(0.05deg);
}

@media screen and (max-width:640px) {
	#main {
		width: 100%;
		margin: 20px auto 0;
		padding: 0;
	}
}

/********************************

  content

********************************/

#contents{
	width: 900px;
	margin: 0 auto;
	padding: 50px 0 0;
}

#contents .message {
	font-size: 18px;
	text-align: center;
	/* color: #cc0000; */
	margin: 0 2% 10%;
	/* font-weight: bold; */
	}

.toggle_switch .q_icon{
	display: inline-block;
	/* width: 26px;
	height: 25px; */
	margin: 0 15px;
	vertical-align: middle;
}

.toggle_switch .q_icon:after{
	content:"+";
	display: inline-block;
	position: absolute;
	top: 18px;
	right: 5px;
	font-size: 30px;
	font-weight: normal;
	color: #333333;
	width: 30px;
	height: 30px;
	transition: .2s;
}
.toggle_switch.open .q_icon:after{
	content:"-";
	transition: .2s;
}

.toggle_switch p {
	margin: 0;
	padding: 15px 0 ;
}

.toggle_contents p {
	margin: 0;
	padding: 15px 0 15px 80px;
}

.toggle_switch {
  position: relative;
  cursor: pointer;
  padding: 5px 10px;
  background-color: #ffffff;
	color: #333333;
	border: 1px solid #175b2c;
}

.toggle_switch:hover {
  background-color: #e6ebc5;
}

.toggle_wrap{
	margin: 0 auto 15px;
}

.toggle_contents {
  display: none;
  padding: 5px 10px;
	background: url(../img/icon_a.png) no-repeat;
	background-position: left 25px;
	min-height: 120px;
}

.toggle_switch .q_icon+p,
.toggle_contents p:last-of-type{
	display: inline-block;
	width: 775px;
}

.toggle_contents .q_icon {
	display: inline-block;
	width: 26px;
	height: 25px;
	margin: 0 15px;
	vertical-align: top;
}
.toggle_contents p.contact  {
	padding: 15px 0 0 80px;
	/* margin-left: 15%;
	width: 85%; */
}
.toggle_contents .entry_contact {
	font-size: 22px;
}
.toggle_contents .entry_contact .contact_time {
	font-size: 14px;
	margin-left: 10px;
}
@media screen and (max-width:640px) {

	#contents{
		width: 90%;
		margin: 0 auto;
		padding: 10% 0;
	}

	.toggle_switch .q_icon{
		width: 8%;
		margin: 0 2%;
		padding: 2% 0;
	}

	.toggle_switch .q_icon:after{
		top: 25%;
		right: 2%;
		font-size: 22px;
		width: 5%;
		height: 22px;
	}

	.toggle_switch p{
		margin: 0;
		padding: 3% 0;
	}
	.toggle_contents {
	  padding: 5px 10px;
		background: url(../img/icon_a.png) no-repeat;
		background-size: 50px;
		background-position: left 25px;
	}

	.toggle_contents span{
		width: 5%;
		height: 18px;
		margin: 0 2%;
	}

	.toggle_contents p{
		margin: 0;
		padding: 15px 0;
	}

	.toggle_switch {
	  padding: 2%;
	}
	.toggle_contents {
	  display: none;
	  padding: 2%;
	}
	.toggle_switch .q_icon+p {
		display: inline-block;
		width: 75%;
		vertical-align: top;
	}
	.toggle_contents p:last-of-type{
		margin-left: 15%;
		width: 85%;
	}
	.toggle_contents .q_icon,
	.toggle_contents .a_icon{
		vertical-align: top;
	}
	.toggle_contents p.contact  {
		padding: 15px 0 0 15%;
	}
	.toggle_contents .entry_contact {
		font-size: 18px;
	}
	.toggle_contents .entry_contact .contact_time {
		font-size: 14px;
		margin-left: 0;
	}
}