#page_title{
	background:rgba(241,225,178,0.4);
}
main details table{
	margin:0 auto 60px;
	border-top:2px solid #bdbbbc;
}
main details th,
main details td{
	border-bottom:2px solid #bdbbbc;
}
main details th{
	width:160px;
	font-weight:bold;
}

main summary{
	background:#fff;
	border-radius:10px;
	line-height:50px;
	padding:0 40px;
	font-size:24px;
	cursor:pointer;
	margin:0 auto 20px;
}
main summary{
	list-style:none;
	position:relative;
}
main summary:after{
	content:"開く";
	position:absolute;
	right:100px;
	top:0;
	bottom:0;
	margin:auto;
	font-size:18px;
}
main details[open] summary:after{
	content:"閉じる";
	position:absolute;
	right:100px;
	top:0;
	bottom:0;
	margin:auto;
	font-size:18px;
}
.open_close{
	position:absolute;
	right:40px;
	width:36px;
	height:36px;
	top:0;
	bottom:0;
	margin:auto;
}
.open_close .tate{
	position:absolute;
	left:calc(50% - 2px);
	width:4px;
	height:36px;
	background:#efcd65;
	display:block;
}
.open_close .yoko{
	position:absolute;
	top:calc(50% - 2px);
	width:36px;
	height:4px;
	background:#efcd65;
	display:block;
}
details[open] .open_close .tate{
	display:none;
	transition:0.5s;
}


@media (max-width: 768px) {
	main summary{
		font-size:18px;
		padding:0 20px;
	}
	main details th{
		width:110px;
		font-size:15px;
	}
	main details td{
		font-size:15px;
	}
	.open_close{
		right:30px;
		width:26px;
		height:26px;
	}
	.open_close .tate{
		height:26px;
	}
	.open_close .yoko{
		width:26px;
	}
	.open_close{
		right:10px;
	}
	main summary:after{
		right:40px;
		font-size:15px;
	}
	main details[open] summary:after{
		right:40px;
		font-size:15px;
	}
}