@charset "UTF-8";@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-fade-out{0%{opacity:1}to{opacity:0}}.p-document-editor{padding-top:2.1875rem;max-width:40rem;width:100%}.p-document-editor__top{padding-bottom:5.625rem}.p-document-editor__category-wrap{display:flex;-moz-column-gap:.9375rem;column-gap:.9375rem;row-gap:.5rem;flex-wrap:wrap}.p-document-editor__category{font-size:.875rem;line-height:100%;display:flex;-moz-column-gap:.3125rem;column-gap:.3125rem;align-items:flex-start}.p-document-editor__category span{width:.625rem;height:.625rem;transition:.3s scale ease-in;margin-top:.1875rem;border-radius:50%}@media screen and (min-width: 769px){.p-document-editor__category:hover span{scale:1.2}}.p-document-editor__title{margin-top:1.25rem;font-size:1.75rem;font-weight:700}.p-document-editor__iframe{margin:.9375rem 0;height:24.8125rem}.p-document-editor__iframe iframe{height:100%;width:100%}.p-document-editor__iframe-text{font-size:.9375rem}.p-document-editor__related{padding-top:4.375rem}.p-document-editor__related-list{margin-top:1.875rem;display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:3.75rem;-moz-column-gap:3.75rem;column-gap:3.75rem;grid-row-gap:2.5rem;row-gap:2.5rem;margin-bottom:6.875rem}@media screen and (max-width: 1024px){.p-document-editor{max-width:none}.p-document-editor__iframe{height:60vw}}@media screen and (max-width: 768px){.p-document-editor{max-width:none;padding-top:1.5625rem}.p-document-editor__top{padding-bottom:3.125rem}.p-document-editor__title{margin-top:.625rem;font-size:1.5rem}.p-document-editor__iframe{margin:.625rem 0;height:60vw}.p-document-editor__iframe-text{padding-bottom:0rem}.p-document-editor__related{padding-top:2.5rem}.p-document-editor__related-list{margin-top:1.25rem;grid-template-columns:repeat(1,1fr);row-gap:2.5rem;margin-bottom:2.5rem}}.p-document-list{padding-bottom:6.25rem;background-color:#f2f2f2}.p-document-list__inner{max-width:70rem;margin:0 auto;padding:0 1.25rem}.p-document-list__search{background-color:#fff;padding:2.5rem 1.875rem;display:flex;-moz-column-gap:1.875rem;column-gap:1.875rem;margin-bottom:4.375rem}.p-document-list__search-text{font-size:1.125rem;font-weight:700;white-space:nowrap;margin-top:.3125rem}.p-document-list__category-wrap{display:flex;flex-wrap:wrap;-moz-column-gap:.75rem;column-gap:.75rem;row-gap:.5rem}.p-document-list__category{font-size:.8125rem;padding:.4375rem .9375rem;line-height:160%;border:.125rem solid #DCDCDC;border-radius:1.5625rem;display:flex;align-items:center;-moz-column-gap:.1875rem;column-gap:.1875rem}.p-document-list__category span{border-radius:50%;width:.4375rem;height:.4375rem;transition:.3s scale ease-in}@media screen and (min-width: 769px){.p-document-list__category:hover span{scale:1.3}}.p-document-list__list{margin:0rem 0 6.25rem;display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:4.6875rem;-moz-column-gap:4.6875rem;column-gap:4.6875rem;grid-row-gap:3.75rem;row-gap:3.75rem}@media screen and (max-width: 1024px){.p-document-list__list{-moz-column-gap:2.5rem;column-gap:2.5rem}}@media screen and (max-width: 768px){.p-document-list{padding-bottom:5.625rem;background-color:transparent}.p-document-list__search{padding:1.25rem;flex-direction:column;row-gap:.625rem;margin-bottom:2.5rem}.p-document-list__category-wrap{-moz-column-gap:.375rem;column-gap:.375rem;row-gap:.375rem}.p-document-list__list{grid-template-columns:repeat(2,1fr);row-gap:2.5rem;margin:0rem 0 2.5rem}}@media screen and (max-width: 640px){.p-document-list__list{grid-template-columns:repeat(1,1fr)}}.p-document-side{padding-top:2.1875rem;position:sticky;bottom:0;align-self:flex-end}.p-document-side__inner{background-color:#fff;padding:1.875rem 1.25rem;min-width:23rem;width:23rem}.p-document-side__title{position:relative;padding-left:1.25rem}.p-document-side__title:before{content:"";position:absolute;width:.625rem;height:100%;border-radius:3.125rem;background-color:#00a7df;left:0;top:0}.p-document-side__title-en{font-size:.9375rem;line-height:140%}.p-document-side__title-jp{font-size:1.3125rem;line-height:160%}.p-document-side__iframe{margin-top:1.75rem}@media screen and (max-width: 1024px){.p-document-side{padding-top:0rem;width:100%;position:static;bottom:auto}.p-document-side__inner{min-width:0;width:100%}}@media screen and (max-width: 768px){.p-document-side__title-en{font-size:.875rem}.p-document-side__title-jp{font-size:1.125rem}.p-document-side__iframe{margin-top:1.25rem}}
