@media screen and (min-width: 768px){
	.title{
		margin-top:50px;
		margin-bottom: 10px;
		font-size:22px;
		font-weight: lighter;
	}
	.wrap{
		/*width:800px;*/
		padding:0px 20px 10px;
		/*border:1px solid #000;*/
	}
	h2.open_h2{
		/*border-bottom: 1px dotted #a9a9a9;*/
		cursor: pointer;
		margin:0;
		padding:10px 0 10px;
		font-size: 1.5em;
	}

	h1.open_h1{
		/*border-bottom: 1px dotted #a9a9a9;*/
		cursor: pointer;
		margin:0;
		padding:10px 0 10px;
		font-size: 1.5em
	}

	.open_h1:after,
	.open_h1.active:after {
		/*font-size:22px;*/
		margin-left: 20px;
	}
	.open_h1.active::after {
		content: url(../images/open03.png);
		vertical-align: bottom;
	}
	.open_h1::after {
		content: url(../images/close02.png);
	}


	.open_h2:after,
	.open_h2.active:after {
		font-size:22px;
		margin-left: 20px;
	}
	.open_h2.active::after {
		content: url(../images/close02.png);
	}
	.open_h2::after {
		content: url(../images/open03.png);
		background-image: -1px 0px;
	}
	.info{
		font-size:13px;
	}
}

@media screen and (max-width:767px){
	.wrap{
		margin-top:20px;
		padding:0px 5px 30px;
	}
	h1.open_h1{
		/*border-bottom: 1px dotted #a9a9a9;*/
		cursor: pointer;
		margin:0;
		font-size: 1.4em
	}
	h2.open_h2{
		font-size: 1.2em
	}

	.open_h1:after,
	.open_h1.active:after {
		font-size:22px;
		margin-left: 20px;
	}
	.open_h1.active::after {
		content: url(../images/open03.png);
		background-image: -1px 0px;
	}
	.open_h1::after {
		content: url(../images/close02.png);
	}
	.open_h2:after,
	.open_h2.active:after {
		font-size:22px;
		margin-left: 20px;
	}
	.open_h2.active::after {
		content: url(../images/close02.png);
	}
	.open_h2::after {
		content: url(../images/open03.png);
	}
	.info{
		font-size:13px;
	}
}