.main-frame{padding:20px;width:1000px;margin:0 auto}@media screen and (min-width:992px)and (max-width:1000px){.main-frame{padding:20px;width:100%}}@media screen and (max-width:991px){.main-frame{padding:10px;width:100%}}.breadcrumb-area{margin:10px 0 20px 0}.breadcrumb-area span{margin-right:6px;color:#777}.breadcrumb-area span.clickble{cursor:pointer}.breadcrumb-area span.clickble:hover{color:#1976a1}.title-area{display:flex}@media screen and (max-width:991px){.title-area{display:none}}.title-area .title-detail-area{width:100%}.title-area .title-detail-area h2{font-size:32px;margin-top:0}.title-area .title-detail-area p{color:#777}.title-area .search-area .csp-search{width:240px;margin:0;margin-left:20px}@media screen and (max-width:991px){.title-area .search-area{display:none}}.document-area{display:flex;margin-top:20px}.document-area .left-area{padding-right:50px;flex:0 0 300px}@media screen and (max-width:991px){.document-area .left-area{display:none}}.document-area .left-area h3{margin-top:0;font-size:18px;font-weight:700}.document-area .left-area .articles-area ul{padding:0;list-style:none outside}.document-area .left-area .articles-area ul li{margin:10px 0}.document-area .left-area .articles-area ul li a.readnow,.document-area .left-area .articles-area ul li a:hover{font-weight:700}.document-area .right-area{width:100%}.document-area .right-area .document-title{margin-top:0;font-size:24px}.document-area .right-area a.previous{margin:10px 0;display:block}.document-area .right-area a.previous span{vertical-align:middle}.document-area .right-area .document-body{line-height:1.9;font-size:16px}.document-area .right-area .document-body img{width:100%;height:auto;margin:20px 0}