@charset "utf-8";
body{
	color:#444;
	font-family: -apple-systrem, BlinkMacSystremFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	letter-spacing:0.06rem;
}
body{
	background-color: #C6CEB7;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
}
/* ■■■■■■■■■■ font-size px→rem ■■■■■■■■■■ */
/*
09－0.562／10－0.625／11－0.687／12－0.750／13－0.812／14－0.875
15－0.937／17－1.062／18－1.125／19－1.187
20－1.250／21－1.312／22－1.375／23－1.437／24－1.500／25－1.562
*/

/* ■■■■■ header ■■■■■ */
header{
	margin: 20px auto 10px;
}
header section {
	margin: 0 ;
	color: #444;
	text-align: center;
}
header h1{
	margin-bottom: 1.0rem;
	font-size:1.562rem;
}
header h2{
	font-size:1.062rem;
}
header h1 span,header h2 span{
	display:inline-block;
}

/* ■■■■■ main ■■■■■ */
main{
	padding: 0 20px;
	font-size: 0.812rem;
}
main a{
	color: #d77;
}
main {
	display: flex;
	flex-wrap: wrap;	
}
main section{
	width: calc(50% - 10px);
	margin-top: 20px;
	padding: 20px;
	border: 1px solid #ddd;
	border-radius: 20px;
}
main section:nth-child(odd){
	margin-right: 20px;
}
main section > div{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: baseline;
}
main h1{
	margin-bottom: 1.0rem;
	font-size: 1.250rem;
}
main h2{
	font-size: 0.750rem;
}
main dl{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-bottom: 1.0rem;
}
main dt,main dd,main li{
	margin-bottom: 0.25rem;
	padding: 0.375rem;
	box-sizing:border-box;
	font-size: 0.812rem;
}
main dt{
	width: 6.0rem;
	background-color: #bbb;
	color: #fff;
}
main dd{
	/*width: calc(50% - 6.0rem);*/
	width: calc(100% - 6.0rem);
	background-color: #eee;
	word-wrap: break-word;
}
/*main dd:nth-of-type(-n+2),main dd:nth-of-type(n+9){
	width: calc(100% - 6.0rem);
}*/
main dd:nth-of-type(3),main dd:nth-of-type(5),main dd:nth-of-type(7){
	width: calc(53% - 6.0rem);
}
main dd:nth-of-type(4),main dd:nth-of-type(6),main dd:nth-of-type(8){
	width: calc(47% - 6.0rem);
}
main dd a,main dd span{
	display: inline-block;
}
main dd:nth-of-type(4){
	letter-spacing: 0;
}
main dd:nth-of-type(2) a:nth-of-type(1){
	margin-right: 1.0rem;
}
main dd:nth-of-type(7) span:nth-of-type(1){
	margin-right: 0.250rem;
}
main dd:nth-of-type(7) span small{
	margin-right: 0.125rem;
	font-size: 0.687rem;
	letter-spacing:0.04rem;
}
main dd:nth-of-type(7) small:nth-of-type(2){
	margin-left: 0.25rem;;
}
main aside{
	display: flex;
	justify-content: space-between;
}
main aside div:nth-of-type(2){
	margin-left: 10px;
}
main aside p{
	font-size: 0.750rem;
	letter-spacing:0.04rem;
}
main aside p:nth-of-type(2){
	margin-top: 0.5rem;
}

/*-----クリックで表示内容を変更-----*/
.onclickbtn{
	display: block;
	cursor: pointer;
}
.onclickbtn > span:last-of-type,
.onclickbtn.active > span:first-of-type{
	display: none;
}
.onclickbtn.active > span:last-of-type {
	display: inline;
}
.onclickbtn small{
	display: inline-block;
	font-size: 0.687rem;
	letter-spacing: 0;
	color:#777;
}
/* ■■■■■ footer ■■■■■ */
footer{
	margin-top: 1.0rem;
	text-align: right;
}
footer small{
	font-size: 0.687rem;
}
/* ■■■■■■■■■■ index ■■■■■■■■■■ */