@charset "UTF-8";

/* Form */
.accordion .btn-md{
	background-color: #000;
	color: #FFF;
	letter-spacing: 1em;
	transition:0.3s;
}
.accordion .btn-md:before {
	letter-spacing:0;
	content:'　';
}
.accordion .btn-md:after {
	display: block;
	float: right;
	content:"\f054";
	font-size:80%;
	letter-spacing:0;
}
.accordion .btn-md:hover{
	background-color:#ffd800;
	color:#000;
}

.accordion .title{
	background-color: #ffd800;
	font-weight: bold;
	font-size: 138.9%;
	line-height:1.2;
	text-align: center;
	position: relative;
	padding:0.8em 0;
	border-radius: 5px;
	cursor:pointer;
	transition:0.3s;
}
.accordion .title:before{
	position: absolute;
	left:20px;
	top:50%;
	margin-top: -10px;
	content:'＋';
	font-size: 20px;
	font-weight: normal;
	text-align: center;
	line-height: 1;
}

.accordion .section.open .title:before{
	content:'－';
}

.accordion .section{
	margin-bottom: 2em !important;
}

.accordion .title:hover{
	opacity: 0.5;
}

.accordion .body{
	display: none;
	padding:30px 3% 20px 3%;
}

@media only screen and (min-width:680px){
  textarea{
  resize: auto;
  max-width: 500px;
  max-height: 500px;
  min-width: 300px;
  min-height: 200px;
  width:400px;
  height:300px
    }
}
@media only screen and (max-width:960px) {
	.accordion .body{
		display: none;
		padding:30px 2% 20px 2%;
	}
 }

@media only screen and (max-width:640px) {
	.accordion .title{
		font-size: 110%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		align-items:center;
		padding:0.5em 0;
		min-height:4.0em;
	}
	.accordion .title:before{
		font-size: 16px;
		left:10px;
		margin-top: -8px;
	}
}