@charset "utf-8";


/*--------------------------------------------------------------

document

--------------------------------------------------------------*/

.docpagelink { margin-bottom: 8.5rem;}
.docpagelink-list { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem;}
.docpagelink-list-item { width: calc((100% - 1rem) / 2);}
.docpagelink-btn { display: block; width: 100%; color: #fff; background-color: #333; border-radius: 20rem; box-shadow: none; text-decoration: none; padding: 1rem 2rem; font-size: 1.4rem; text-align: center;}

.doccat { margin-bottom: 10rem;}
.doccat-ttl { font-size: 1.4rem; border-bottom: 2px solid #333; margin-bottom: 5.5rem;}
.doccat-ttl-sub { display: block;}
.doclist { display: flex; gap: 2rem; flex-wrap: wrap;}
.doclist._lg {}
.doclist-item { width: calc((100% - 2rem) / 2);}
.doclist._lg .doclist-item { width: 100%;}
.doclist-link , .doclist-link[href$=".pdf"] { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;}
.doclist-thum { position: relative; width: 100%; height: 0; padding-bottom: 140%; background-color: #f8f8f8; margin-bottom: 0.5rem;}
.doclist-thum img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; background-color: transparent; background: #ebebeb; aspect-ratio: 310 / 438;}
.doclist._lg img { border: 1px solid #eaeaea;}
.doclist-link[href$=".pdf"]::before { display: none;}
.doclist-link p { text-decoration: underline;}
.doclist._lg .doclist-link p { text-decoration: none; margin-top: 1rem;}

.btn-dlfile { margin-left: 0.5rem; background-color: #333; color: #fff; font-size: 1.2rem; border-radius: 2em; display: inline-block; padding: .5em 1em; text-decoration: none !important;}
a[href$=".pdf"]::before { display: none !important;}


@media print, screen and (min-width: 640px) {
.docpagelink {}
.docpagelink-list {}
.docpagelink-list-item { width: calc((100% - 4rem) / 5);}
.docpagelink-btn {}

.doccat {}
.doccat-ttl { font-size: 1.6rem;}
.doccat-ttl-sub { margin-left: 4rem; display: inline;}
.doclist { gap: 4rem; }
.doclist-item { width: calc((100% - 12rem) / 4);}
}
@media print, screen and (min-width: 1024px) {
}