@charset "UTF-8";
.heading.heading-sm { font-size: 13px; margin-bottom: 20px; line-height: 1; letter-spacing: .055em; }

@media (min-width: 670px) { .heading.heading-sm { font-size: 14px; margin-bottom: 32px; } }

.heading.heading-md { font-size: 15px; margin-bottom: 20px; line-height: 1; letter-spacing: .075em; }

@media (min-width: 670px) { .heading.heading-md { font-size: 18px; } }

.heading.heading-md-2 { font-size: 14px; margin-bottom: 25px; line-height: 1; }

@media (min-width: 670px) { .heading.heading-md-2 { font-size: 16px; margin-bottom: 30px; } }

.heading.heading-md-3 { font-size: 15px; margin-bottom: 20px; line-height: 1; letter-spacing: .075em; }

@media (min-width: 670px) { .heading.heading-md-3 { font-size: 16px; margin-bottom: 30px; } }

.heading.heading-md-4 { font-size: 15px; margin-bottom: 25px; line-height: 1; letter-spacing: .075em; }

@media (min-width: 670px) { .heading.heading-md-4 { font-size: 18px; margin-bottom: 30px; } }

.heading.heading-lg { font-size: 18px; margin-bottom: 25px; line-height: 1; letter-spacing: .075em; }

@media (min-width: 670px) { .heading.heading-lg { margin-bottom: 40px; } }

.heading.heading-lg2 { font-size: 18px; margin-bottom: 25px; line-height: 1; letter-spacing: .075em; }

@media (min-width: 670px) { .heading.heading-lg2 { font-size: 22px; margin-bottom: 40px; } }

.heading.heading-lg3 { font-size: 15px; margin-bottom: 20px; line-height: 1; letter-spacing: .075em; }

@media (min-width: 670px) { .heading.heading-lg3 { font-size: 18px; margin-bottom: 32px; } }

.heading.heading-border { padding-bottom: 20px; border-bottom: 1px solid #ddd; }

@media (min-width: 670px) { .heading.heading-border { margin-bottom: 30px; } }

.list-state.list-state-area { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; display: block; }

.list-state.list-state-area-noborder { border: none; }

.list-state.list-state-item { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; border-bottom: 1px solid #ddd; padding: 20px 0; }

@media (min-width: 670px) { .list-state.list-state-item { position: relative; display: block; line-height: 1; padding: 25px 0; } }

.list-state.list-state-item:last-of-type { border-bottom: none; }

.list-state.list-state-item a { color: inherit; }

.list-state.list-state-item a:hover { text-decoration: underline; }

.list-state.list-state-date { font-size: 12px; line-height: 1; margin-bottom: 12px; letter-spacing: .075em; width: 50%; }

@media (min-width: 670px) { .list-state.list-state-date { display: inline-block; width: auto; margin: 0 20px 0 0; font-size: 13px; } }

.list-state.list-state-tag { text-align: center; line-height: 1; min-width: 93px; background: #041235; color: #fff; font-size: 10px; padding: 8px 1em; letter-spacing: .075em; margin: 0 0 16px auto; }

@media (min-width: 670px) { .list-state.list-state-tag { display: inline-block; margin: 0 30px 0 0; } }

.list-state.list-state-title { font-weight: normal; width: calc(100% - 25px); line-height: 1.5; font-size: 13px; }

@media (min-width: 670px) { .list-state.list-state-title { display: inline-block; width: 70%; vertical-align: middle; font-size: 14px; margin: 0; } }

.list-state.list-state-pdf { display: inline-block; vertical-align: top; width: 25px; height: 29px; background: url(../images/icon_pdf.png) center no-repeat; background-size: contain; }

@media (min-width: 670px) { .list-state.list-state-pdf { position: absolute; top: 0; bottom: 0; right: 0; margin: auto; } }

/* Newsページ向けのスタイル */
@media (min-width: 670px) { .news .list-state-item { padding: 30px 10px; } }

.news .list-state-item:first-of-type { padding-top: 0; }

@media (min-width: 670px) { .news .list-state-item:first-of-type { padding-top: 30px; } }

.news .list-state-item:last-of-type { padding-bottom: 0; border-bottom: none; }

@media (min-width: 670px) { .news .list-state-item:last-of-type { padding-bottom: 30px; } }

@media (min-width: 670px) { .news .list-state-item .list-state-pdf { right: 10px; } }

/* libraryページ向けのスタイル */
.library.library-area .sec-sentence { margin-bottom: 40px; }

.library.library-area .sec-sentence:last-of-type { margin-bottom: 0; }

@media (min-width: 670px) { .library.library-area .sec-sentence { margin-bottom: 50px; }
  .library.library-area .sec-sentence:last-of-type { margin-bottom: 10px; } }

@media (min-width: 670px) { .powered-by-image.powered-by-image-area { text-align: right; } }

.powered-by-image.powered-by-image .powered-by-image-item { width: 80px; }

.button.button-area { position: relative; display: inline-block; width: 100%; border: 2px solid #cd0010; padding: 14px; font-size: 12px; line-height: 1; color: #cd0010; text-align: center; transition: .3s; background: #fff; letter-spacing: .075em; }

.button.button-area svg { position: absolute; width: 8px; height: 7px; top: 15px; left: 8px; fill: #d31f2d; vertical-align: middle; }

@media (min-width: 670px) { .button.button-area { width: 180px; font-size: 13px; padding: 12px; cursor: pointer; } }

.button.button-area:hover { background-color: #cd0010; color: #fff; }

.button.button-area:hover svg { fill: #fff; }

.button.button-area.button-area-normal:before { display: none; }

.button.button-sp { margin-top: 20px; }

@media (min-width: 670px) { .button.button-sp { display: none; } }

@media (min-width: 670px) { .button.button-big { width: 210px; font-size: 12px; } }