@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}html{font-size:10px}body{font-size:1.6rem}img{vertical-align:middle}ul{list-style:none}a{text-decoration:none}[v-cloak]{display:none!important}body.app #main{padding-top:80px}body.app #content{padding:25px 20px 75px}body.app .site-enter{display:flex;flex-direction:column;justify-content:center;align-items:center;column-gap:80px;row-gap:20px;padding:0}@media (min-width: 769px){body.app .site-enter{flex-direction:row;padding:100px 0}}body.app .site-enter .josui,body.app .site-enter .gesui{display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:30px;width:300px;aspect-ratio:420/540;border-radius:10px}@media (min-width: 769px){body.app .site-enter .josui,body.app .site-enter .gesui{row-gap:40px;width:100%;max-width:420px}}body.app .site-enter .josui .img img,body.app .site-enter .gesui .img img{max-width:160px}@media (min-width: 769px){body.app .site-enter .josui .img img,body.app .site-enter .gesui .img img{max-width:250px}}body.app .site-enter .josui a,body.app .site-enter .gesui a{position:relative;display:flex;align-items:center;padding:0 1em;color:#fff;width:100%;max-width:260px;font-size:1.8rem;aspect-ratio:330/75;border-radius:10px}@media (min-width: 769px){body.app .site-enter .josui a,body.app .site-enter .gesui a{padding:0 2em;max-width:330px;font-size:2.3rem}}body.app .site-enter .josui a:after,body.app .site-enter .gesui a:after{content:"▶︎";position:absolute;right:1em}body.app .site-enter .josui a:hover,body.app .site-enter .gesui a:hover{opacity:.7}body.app .site-enter .josui{background-color:#e1f2ff}body.app .site-enter .josui a{background-color:#1068ac}body.app .site-enter .gesui{background-color:#d4eed7}body.app .site-enter .gesui a{background-color:#279735}body.app .search-panel{font-size:1.6rem}@media (max-width: 768px){body.app .search-panel{font-size:1.5rem}}body.app .search-panel .wrapper{display:flex;justify-content:space-between;align-items:center;column-gap:20px;margin:auto;max-width:1000px}@media (max-width: 768px){body.app .search-panel .wrapper{flex-direction:column}}body.app .search-panel form{display:flex;align-items:center;column-gap:20px}@media (max-width: 768px){body.app .search-panel form{padding:10px 0}}body.app .search-panel form .input-group input{padding:0 .75em;width:400px;height:50px;font-size:1.6rem;background-color:#eee;border-radius:5px;border:0}@media (max-width: 768px){body.app .search-panel form .input-group input{width:260px;height:40px}}body.app .search-panel form .input-button button{background:none;border:0;width:50px;height:50px;font-size:1.6rem;cursor:pointer}body.app .search-panel form .input-button button img{width:100%}body.app .search-panel .select{position:relative;display:flex;align-items:center;column-gap:10px}body.app .search-panel .select>span{font-weight:700}body.app .search-panel .select .list{position:relative}body.app .search-panel .select .list:hover ul{display:block}body.app .search-panel .select .list ul{position:absolute;right:0;z-index:10;display:none;width:360px;height:240px;overflow:auto;background-color:#fff;border:1px solid #B2B0B0}@media (max-width: 768px){body.app .search-panel .select .list ul{width:335px}}body.app .search-panel .select .list ul li{width:100%;font-size:1.4rem}body.app .search-panel .select .list ul li:not(:last-child){border-bottom:1px solid #B2B0B0}body.app .search-panel .select .list ul li p{display:flex;align-items:center;padding:0 10px;height:40px;letter-spacing:.1em;background-color:#e6e6e6;border-bottom:1px solid #B2B0B0}body.app .search-panel .select .list ul li .items{display:grid;grid-template-columns:repeat(2,minmax(4em,1fr));column-gap:1px;row-gap:1px;background-color:#e6e6e6;overflow:hidden}body.app .search-panel .select .list ul li .items a{display:inline-flex;justify-content:center;align-items:center;color:#000;width:100%;height:30px;font-size:1.2rem;white-space:nowrap;background-color:#fff}body.app .search-panel .select .list ul li .items a:hover,body.app .search-panel .select .list ul li .items a.active{background-color:#b2b0b0}body.app .search-results{margin:60px auto auto;max-width:1000px}body.app .search-results .order{display:flex;justify-content:flex-end;column-gap:10px;padding:20px 10px}body.app .search-results .order a{display:flex;justify-content:center;align-items:center;color:#333;width:5em;height:2.5em;background-color:#ccc;border-radius:5px}body.app .search-results .order a.current{color:#fff}body.app .search-results .order a.current.josui{background-color:#1068ac}body.app .search-results .order a.current.gesui{background-color:#279735}body.app .search-results .document-nav{margin-bottom:10px}body.app .search-results .results{display:grid}body.app .search-results .document{display:grid;grid-template-areas:"aside page-title" "aside pages";grid-template-columns:160px 1fr;grid-template-rows:auto 1fr;column-gap:60px;row-gap:20px;padding:40px 0;border-top:1px dashed #999}@media (max-width: 768px){body.app .search-results .document{grid-template-columns:120px 1fr;column-gap:20px}}body.app .search-results .document:first-child{border-top:1px solid #000}body.app .search-results .document .aside{grid-area:aside}body.app .search-results .document .thumbnail{width:160px;height:min-content}@media (max-width: 768px){body.app .search-results .document .thumbnail{width:120px}}body.app .search-results .document .thumbnail img{width:100%;box-shadow:0 3px 6px #00000080}body.app .search-results .document .bookmark{margin-top:20px}body.app .search-results .document .bookmark.active a span{color:#f9c700}body.app .search-results .document .bookmark a{display:flex;justify-content:center;align-items:center;column-gap:2px;color:#333;height:30px;font-size:1.4rem;box-shadow:0 0 4px #00000080;border-radius:15px}body.app .search-results .document .bookmark a span{color:#d8d8d8}body.app .search-results .document .page-title{grid-area:page-title;font-size:2.5rem;font-weight:700}@media (max-width: 768px){body.app .search-results .document .page-title{font-size:1.8rem}}body.app .search-results .document .pages{grid-area:pages;flex:1 1 auto;margin-top:10px}body.app .search-results .document .pages .set:not(:last-child){margin-bottom:20px}body.app .search-results .document .pages .page{font-size:2rem;font-weight:700}@media (max-width: 768px){body.app .search-results .document .pages .page{font-size:1.5rem}}body.app .search-results .document .pages ul{display:flex;flex-direction:column;row-gap:5px;margin-top:5px}body.app .search-results .document .pages ul li{position:relative;padding-left:1em}body.app .search-results .document .pages ul li:before{position:absolute;content:"";top:.8em;left:.5em;width:5px;height:5px;border-radius:50%;transform:translate(-50%,-50%);background-color:#333}body.app .search-results .document .pages a{color:#333;line-height:1.6em;text-decoration:underline}@media (max-width: 768px){body.app .search-results .document .pages a{font-size:1.3rem}}body.app .search-results .document .pages a:hover{text-decoration:none}body.app .document-wrapper{display:grid;grid-template-areas:"nav" "list";column-gap:60px;row-gap:20px;margin:45px auto auto;padding-bottom:100px;max-width:1000px}body.app .document-sidebar{grid-area:sidebar;width:168px}body.app .document-sidebar h2{display:flex;justify-content:center;align-items:center;color:#fff;height:70px;background-color:#1068ac}body.app .document-sidebar ul li{display:flex;justify-content:center;align-items:center;height:50px;border:1px solid #1068AC}body.app .document-sidebar ul li:not(:last-child){border-bottom:0!important}body.app .document-sidebar ul li a{color:#333}body.app .document-sidebar.josui h2{background-color:#1068ac}body.app .document-sidebar.josui ul li{border:1px solid #1068AC}body.app .document-sidebar.gesui h2{background-color:#279735}body.app .document-sidebar.gesui ul li{border:1px solid #279735}body.app .document-nav{grid-area:nav}body.app .document-nav .wrapper{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;column-gap:20px;margin:auto;max-width:1000px}@media (min-width: 769px){body.app .document-nav .wrapper{flex-wrap:nowrap}}body.app .document-nav h2{position:relative;padding-left:.75em;color:#333;font-size:2.4rem}body.app .document-nav h2:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:4px;height:30px;background-color:#1068ac}body.app .document-nav h2.gesui:before{background-color:#279735}body.app .document-nav .pager{font-size:1.6rem}@media (max-width: 768px){body.app .document-nav .pager{font-size:1.4rem}}body.app .document-nav .pager nav{display:flex;column-gap:10px}body.app .document-nav .pager .pagination{display:flex;column-gap:10px}@media (max-width: 768px){body.app .document-nav .pager .pagination{column-gap:5px}}body.app .document-nav .pager .pagination li{display:flex;justify-content:center;align-items:center;padding:.2em .5em;min-width:25px;height:25px}body.app .document-nav .pager .pagination a{color:#333}body.app .document-nav .pager .pagination .active{background-color:#eee}body.app .document-nav .anchors ul{display:flex;flex-wrap:wrap;row-gap:10px;padding:10px 0}@media (min-width: 769px){body.app .document-nav .anchors ul{flex-wrap:nowrap;padding:0}}body.app .document-nav .anchors ul li{padding:0 .5em;width:16.6666666667%;font-size:1.6rem;text-align:center;line-height:1}@media (min-width: 769px){body.app .document-nav .anchors ul li{width:unset;font-size:1.3rem}}@media (max-width: 768px){body.app .document-nav .anchors ul li:nth-child(6){border-right:none!important}}body.app .document-nav .anchors ul li:not(:last-child){border-right:1px solid #000}body.app .document-list{grid-area:list}body.app .document-list ul{display:flex;align-items:center;column-gap:40px;row-gap:80px;display:grid;grid-template-columns:repeat(auto-fill,162px);justify-content:space-between;flex-wrap:wrap}@media (max-width: 768px){body.app .document-list ul{grid-template-columns:1fr 1fr;column-gap:30px;row-gap:60px}}body.app .document-list .document{position:relative;width:162px}@media (max-width: 768px){body.app .document-list .document{width:100%}}body.app .document-list .document.anchor-active .month{display:flex}body.app .document-list .document .month{position:absolute;right:0;top:0;z-index:1;display:flex;justify-content:center;align-items:center;display:none;color:#fff;width:4em;height:2em;font-size:1.4rem}body.app .document-list .document .month-category-1{background-color:#1068accc}body.app .document-list .document .month-category-2{background-color:#279735cc}body.app .document-list .document .category{position:absolute;top:0;left:0;z-index:1;display:flex;justify-content:center;align-items:center;color:#fff;width:5em;height:2em;font-size:1.4rem}body.app .document-list .document .category.josui{background-color:#1068accc}body.app .document-list .document .category.gesui{background-color:#279735cc}body.app .document-list .document .cover{display:flex;flex-direction:column;width:100%;text-decoration:none}body.app .document-list .document .img{box-shadow:0 0 4px #00000080}body.app .document-list .document .img img{overflow:hidden;max-width:100%;object-fit:cover}body.app .document-list .document h3{margin-top:10px;color:#333;font-size:1.3rem;font-weight:400}body.app .document-list .document .link,body.app .document-list .document .bookmark{margin-top:10px}body.app .document-list .document .link a,body.app .document-list .document .bookmark a{display:flex;justify-content:center;align-items:center;column-gap:2px;color:#333;height:30px;font-size:1.4rem;box-shadow:0 0 4px #00000080;border-radius:15px}body.app .document-list .document .bookmark a span{color:#d8d8d8}body.app .document-list .document .bookmark.active a span{color:#f9c700}body.app .mypage-wrapper{margin:60px auto auto;padding-bottom:100px;max-width:1000px}body.app .mypage-wrapper h2{position:relative;margin-bottom:20px;padding-left:.75em;color:#333;font-size:2.4rem}body.app .mypage-wrapper h2:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:4px;height:30px;background-color:#1068ac}body.app .profile{margin-bottom:60px;max-width:650px}body.app .profile table{width:100%;border-collapse:collapse}body.app .profile table th,body.app .profile table td{padding:.75em 1em;font-size:1.4rem}body.app .profile table th{width:30%;text-align:left;font-weight:400;background-color:#dff2ff;border:1px solid #fff}body.app .profile table td{background-color:#fff;border:1px solid #DFF2FF}body.app .profile .buttons{margin-top:20px}body.app .profile .buttons a{display:flex;justify-content:center;align-items:center;margin:auto;color:#333;width:160px;height:30px;font-size:1.4rem;box-shadow:0 0 6px #0003;border-radius:15px}body.app .profile-recent{margin-bottom:60px}body.app .profile-edit table{width:100%;max-width:650px;border-collapse:collapse}body.app .profile-edit table th,body.app .profile-edit table td{padding:.75em 1em;font-size:1.4rem}body.app .profile-edit table th{width:30%;text-align:left;font-weight:400;background-color:#dff2ff;border:1px solid #fff}body.app .profile-edit table td{background-color:#fff;border:1px solid #DFF2FF}body.app .profile-edit .input-group input{padding:.5em .75em;width:20em}body.app .profile-edit .input-button{display:flex;justify-content:center;align-items:center;column-gap:40px;margin-top:20px;width:100%;max-width:650px}body.app .profile-edit .input-button button,body.app .profile-edit .input-button a{background:none;border:0;display:flex;justify-content:center;align-items:center;color:#333;width:160px;height:30px;font-size:1.4rem;box-shadow:0 0 6px #0003;border-radius:15px;cursor:pointer}#header{position:fixed;top:0;left:0;z-index:9000;padding:0 10px;width:100%;height:80px;background-color:#fff;border-bottom:2px solid #1068AC}#header .wrapper{display:flex;justify-content:space-between;align-items:center;column-gap:20px;margin:auto;max-width:1200px;height:100%}@media (max-width: 768px){#header .wrapper{position:relative}}@media (max-width: 768px){#header .logo img{width:160px}}#header .mypage{margin-left:auto}#header .mypage a{color:#333;display:flex;align-items:center;column-gap:10px}#header .switcher{margin-left:auto}#header .switcher a{position:relative;display:flex;align-items:center;color:#fff;padding:0 .75em;width:180px;height:50px;font-size:1.4rem;border-radius:5px}#header .switcher a:after{content:"▶︎";position:absolute;right:.75em}#header .switcher a.josui{background-color:#1068ac}#header .switcher a.gesui{background-color:#279735}@media (max-width: 768px){#header .switcher{position:absolute;bottom:0;left:-10px}#header .switcher a{justify-content:center;width:100vw;height:2em;font-size:1.4rem;text-align:center;border-radius:0;transform:translateY(100%)}}#header .menu{position:relative;width:180px;height:50px;border:1px solid #1068AC;border-radius:5px}@media (max-width: 768px){#header .menu{width:120px;height:40px}}#header .menu.active .content{display:block}#header .menu .button{position:relative;display:flex;align-items:center;column-gap:12px;padding:0 32px 0 12px;color:#333;width:100%;height:100%}@media (max-width: 768px){#header .menu .button{padding:0 18px 0 8px;column-gap:8px}}#header .menu .button img{width:30px}@media (max-width: 768px){#header .menu .button img{width:20px}}#header .menu .button:after{content:"";position:absolute;top:50%;right:12px;transform:translateY(-25%);width:0;height:0;border-style:solid;border-width:6px 6px 0 6px;border-color:#1068AC transparent transparent transparent}@media (max-width: 768px){#header .menu .button:after{right:6px}}#header .menu .button .name{font-size:1.6rem}@media (max-width: 768px){#header .menu .button .name{font-size:1.2rem!important}}#header .menu .button .name.size-sm{font-size:1.4rem}#header .menu .button .name.size-lg{font-size:1.6rem}#header .menu .content{display:none;position:absolute;top:calc(100% + 5px);right:0;width:100%;background-color:#eee}#header .menu .content ul li:not(:last-child){border-bottom:1px solid #fff}#header .menu .content ul li:hover{background-color:#ccc}#header .menu .content a,#header .menu .content button{background:none;border:0;display:flex;align-items:center;padding:0 1em;color:#333;width:180px;height:50px;font-size:1.4rem;cursor:pointer}#pagetop{position:sticky;left:0;bottom:20px;width:100%}#pagetop .wrapper{position:relative;margin:auto;max-width:1000px}#pagetop a{position:absolute;right:0;bottom:0;width:60px;height:60px}@media (max-width: 768px){#pagetop a{position:absolute;right:20px;width:50px;height:50px}}#pagetop a img{width:100%}#footer{margin-top:20px;padding:0 10px;background-color:#1068ac}#footer .wrapper{display:flex;align-items:center;margin:auto;max-width:1000px;height:80px}#footer .copyright{margin-left:auto;color:#fff}@media (max-width: 768px){#footer .copyright{margin:auto}}body.login #form{margin:100px auto;max-width:360px}body.login #form .input-group{display:flex;flex-direction:column;row-gap:5px;margin-bottom:20px}body.login #form .input-group input{padding:0 .5em;width:100%;height:2.4em;font-size:1.6rem}body.login #form .input-button{display:flex;justify-content:center;margin:40px 0}body.login #form .input-button button{width:8em;height:2.4em;font-size:1.6rem;cursor:pointer}body.document-viewer #document_viewer{position:relative;width:100vw;height:fit-content;overflow:hidden;background-color:#f0f8ff}body.document-viewer #document_viewer .normal{width:100%;height:100%}body.document-viewer #document_viewer .print img{width:100vw;height:100vh;object-fit:contain;object-position:center}body.document-viewer #document_viewer canvas{display:block;width:100%;height:100%}body.document-viewer .controlpanel{position:absolute;left:0;bottom:0;width:100vw;height:100px;background-color:#00000080}@media (max-width: 768px){body.document-viewer .controlpanel{height:60px}}body.document-viewer .controlpanel .wrapper{display:flex;justify-content:center;align-items:center;column-gap:40px;height:100%}body.document-viewer .controlpanel .wrapper .pager,body.document-viewer .controlpanel .wrapper .zoom{display:flex;align-items:center;column-gap:20px}@media (max-width: 768px){body.document-viewer .controlpanel .wrapper .pager img,body.document-viewer .controlpanel .wrapper .zoom img{width:30px}}body.document-viewer .controlpanel .wrapper .number{color:#fff;font-size:1.4rem}@media (min-width: 769px){body.document-viewer .controlpanel .wrapper .number{font-size:2rem}}@media print{body.document-viewer #document_viewer.customer{display:none}}