@charset'utf-8';

:root { --green:#e3f2e1; --green-rgb:227,242,225; }



/*==============================
	common
==============================*/
#documents-list { width:calc(100% - 4em); margin:auto; }
#documents-list section:nth-of-type(n+2) { margin-top:3em; }

#documents-list a { color:#3036ad; }


@media screen and (max-width:768px) {
#documents-list { width:calc(100% - 2em); }
}

@media screen and (max-width:425px) {
#documents-list { width:calc(100% - 1em); }
#documents-list section:nth-of-type(n+2) { margin-top:2em; }
}



/*==============================
	title
==============================*/
#documents-list h2 {	padding-left:.4em;	font-size:1.14em;	line-height:1.6em;	color:#555;	border-left:.2em solid; }



/*==============================
	list
==============================*/
#documents-list dl { margin:1.2em auto; }
#documents-list dl:nth-of-type(n+2) { margin-top:2em; }
#documents-list dl > * {	line-height:1.6em; }
#documents-list dt {	width:100%;	margin-bottom:.6em;	padding:.8em;	font-size:1.06em;	line-height:1.6em;	background:var(--green);	border-radius:.4em .4em 0 0; }
#documents-list dt:nth-of-type(n+2) { margin-top:1em; }
#documents-list dd a { display:inline-block; text-decoration:underline; transition:.3s; }
#documents-list dd a + a:before { content:'/'; display:inline-block; margin:0 .6em; }


@media screen and (max-width:768px) {
#documents-list dd a + a:before { margin:0 .4em; }
}

@media screen and (max-width:425px) {
#documents-list dd a + a:before { margin:0 .2em; }
}



/*==============================
	download
==============================*/
/*tab*/
#download .container { display:flex; flex-wrap:wrap; align-items:stretch; margin:1em auto 0; }
#download input.tab { display:none; }
#download input.tab:first-child:checked ~ .tabpanels > .panel:first-of-type,
#download input.tab:nth-child(3):checked ~ .tabpanels > .panel:nth-of-type(2) { display:block; }
#download input.tab + label { position:relative; width:10em; padding:1em 0 1em 1.6em; text-align:center; border:1px solid; cursor:pointer; }
#download input.tab + label:nth-of-type(n+2) { margin-left:.4em; }
#download input.tab + label:hover,
#download input.tab:focus + label { font-weight:600; }
#download input.tab:checked + label { background:rgba(var(--green-rgb),.4); z-index:1; }
#download input.tab + label:before { position:absolute; content:''; display:inline-block; background:var(--green); }
#download input.tab:checked + label:before { background:#fff; box-shadow:1px 1px 4px rgba(0,0,0,.1); }
#download input.tab + label:nth-of-type(1):before { top:1em; left:1.6em; width:1em; height:1.4em; }
#download input.tab + label:nth-of-type(2):before { top:1.25em; left:1.2em; width:1.4em; height:1em; }
#download input.tab + label span { margin-left:.1em; font-size:.9em; }
#download .tabpanels { width:100%; margin-top:.2em; }
#download .panel { display:none; }


#download dl { margin:1em auto 0!important; }


@media screen and (max-width:768px) {
#download input.tab + label:nth-of-type(n+2) { margin-left:.3em; }
}

@media screen and (max-width:320px) {
#download input.tab + label { width:calc(100%/2 - .2em); }
}