@charset "UTF-8";@import "https://fonts.googleapis.com/css?family=Lato:300,400,700&display=swap";@import "https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700&display=swap";@import "https://use.fontawesome.com/releases/v5.9.0/css/all.css";:root{--primary-color:#71567F;--secondary-color:#f9f9f9;--text-color:#333;--text-color-dark:#333;--text-color-white:#fff;--text-color-light:#6f6f6f;--white-color:#fff;--black-color:#333}html{font-size:62.5%}body{line-height:1.8;font-family:lato,noto sans japanese,ヒラギノ角ゴシック pro,hiragino kaku gothic pro,メイリオ,Meiryo,Helvetica,Arial,Roboto,droid sans,游ゴシック体,yu gothic,YuGothic,Osaka,ＭＳ Ｐゴシック,ms pgothic,sans-serif!important;-webkit-font-smoothing:antialiased;font-size:16px;font-size:1.6rem;color:var(--text-color);background-color:#f9f9f9;word-wrap:break-word;overflow-x:hidden}@media(max-width:768px){body{font-size:16px;font-size:1.6rem}}div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,ul,li,form,input,textarea,button,table,tr,th,td,article,aside,footer,header,hgroup,nav,section,img{box-sizing:border-box}p,.paragraph{color:#333}h1,h2,h3,h4,h5,h6{color:#333;font-weight:700;line-height:1.2}h1,.h1{font-size:26px}h2,.h2{font-size:24px;padding:.5em;color:#494949;background:#eff2f3;border-left:solid 5px #ba0aca}h3,.h3{font-size:20px;padding:.5em;border-left:solid 5px #ba0aca}h4,.h4{font-size:18px}h5,.h5{font-size:16px}h6,.h6{font-size:16px}.btn{font-size:16px;text-transform:uppercase;padding:16px 44px;border-radius:0;font-weight:600;border:0;position:relative;z-index:1;transition:.2s ease}.btn:focus{outline:0;box-shadow:none!important}.btn:active{box-shadow:none}.btn-primary{background:var(#00a0af);color:var(--white-color)}.btn-primary:active{background:var(--primary-color)}.btn-primary:hover{background:var(--primary-color)}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:var(--white-color);background-color:var(--primary-color);border-color:var(--primary-color)}::-moz-selection{background:var(--primary-color);color:var(--white-color)}::selection{background:var(--primary-color);color:var(--white-color)}.preloader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--white-color);z-index:999;display:flex;align-items:center;justify-content:center}ul{padding-inline-start:20px}ul.list-style-none{list-style:none;padding-inline-start:0}img{vertical-align:middle;border:0}a,a:hover,a:focus{text-decoration:none}a,button,select{cursor:pointer;transition:.2s ease}a:focus,button:focus,select:focus{outline:0}.slick-slide{outline:0}.section{padding-top:100px;padding-bottom:100px}.section-sm{padding-top:80px;padding-bottom:80px}.section-title{margin-bottom:24px;padding:10px 20px;background-color:#71567f;color:#fff;font-size:20px;font-size:2rem;font-weight:700;text-align:left;border-left:0}.bg-cover{background-size:contain;background-repeat:no-repeat}.border-primary{border-color:#f2f2f2!important}pre{border-radius:2px}.overlay{position:relative}.overlay::before{position:absolute;content:'';height:100%;width:100%;top:0;left:0;opacity:.8}.outline-0{outline:0!important}.d-unset{display:unset!important}.bg-primary{background:var(--primary-color)!important}.bg-gray{background-color:var(--secondary-color)}.bg-darkGray{background-color:#f0f0f0}.text-primary{color:var(--primary-color)!important}.text-color{color:var(--text-color)}.text-dark{color:var(--text-color-dark)!important}.text-white{color:var(--white-color)!important}.mb-10{margin-bottom:10px!important}.mb-20{margin-bottom:20px!important}.mb-30{margin-bottom:30px!important}.mb-40{margin-bottom:40px!important}.mb-50{margin-bottom:50px!important}.mb-60{margin-bottom:60px!important}.mb-70{margin-bottom:70px!important}.mb-80{margin-bottom:80px!important}.mb-90{margin-bottom:90px!important}.mb-100{margin-bottom:100px!important}.zindex-1{z-index:1}.top-100{top:100px}.navbar{padding:0;display:flex;justify-content:space-between}.navbar-brand{letter-spacing:.1em;margin-left:15px;font-size:20px;font-size:2rem}.navbar .nav-item .nav-link{font-size:13px;font-size:1.3rem;padding:18px 15px!important}.navbar .dropdown:hover .dropdown-menu{visibility:visible;opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.navbar .dropdown-menu{box-shadow:0 3px 9px rgba(0,0,0,.12);padding:15px;border:0;top:60px;left:-25px;border-radius:0;display:block;visibility:hidden;transition:.3s ease;-webkit-transform:translateY(20px);transform:translateY(20px);background:#71567f}@media(max-width:991px){.navbar .dropdown-menu{display:none;opacity:1;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transform-origin:unset;transform-origin:unset}}.navbar .dropdown-menu.view{visibility:visible!important;opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transform-origin:top;transform-origin:top}@media(max-width:991px){.navbar .dropdown-menu.view{display:block}}.navbar .dropdown-menu.show{visibility:hidden}@media(max-width:991px){.navbar .dropdown-menu.show{visibility:visible;display:block}}.navbar .dropdown-item{position:relative;color:#fff;transition:.2s ease}@media(max-width:991px){.navbar .dropdown-item{text-align:center}}.navbar .dropdown-item:not(:last-child){margin-bottom:10px}.navbar .dropdown-item:hover{color:var(--primary-color);background:0 0}.banner p{font-size:20px;opacity:.8}#project-icon{float:left;height:32px;width:32px}#project-description{margin:0;padding:0}.form-control{height:50px;border-radius:30px;border:0;padding:0 20px}.form-control:focus{border:0;box-shadow:none!important}textarea.form-control{height:150px;padding:20px}.icon{font-size:40px}.shadow{box-shadow:0 5px 15px rgba(0,0,0,7%)!important;transition:.3s ease}.shadow-bottom{box-shadow:0 1px rgba(12,13,14,.1),0 1px 6px rgba(59,64,69,.1)}.shadow:hover,.shadow:focus{box-shadow:0 14px 25px rgba(0,0,0,.1)!important}h2{margin-top:30px;margin-bottom:30px}h3{margin-top:30px;margin-bottom:15px}h4{margin-top:10px;margin-bottom:15px}img{width:100%;height:auto}.post-meta{color:var(--text-color);font-size:16px;margin-bottom:0}blockquote{font-size:16px!important;color:var(--text-color-dark);padding:10px 40px;border-left:2px solid var(--primary-color);margin:40px 0;font-weight:700}.list-styled{list-style-type:none}.list-styled li{padding-left:20px;position:relative}.list-styled li::before{position:absolute;content:'';height:8px;width:8px;border-radius:50%;background:#71567f;opacity:.3;left:0;top:18px}.pagination{justify-content:space-between}.pagination .nav{display:inline-block;position:relative;max-width:30%;font-size:16px}.sidebar-menu li{display:none}.sub-menu li{display:block}.sub-menu li a{font-size:16px!important;color:var(--text-color)}.sub-menu li.active a{color:var(--text-color-dark)}li.parent::before{display:none}li.parent a{font-size:20px}#accordion i{font-size:16px;line-height:2}.elements .btn{margin:10px;margin-left:0}.wrapper{display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:1fr;overflow:hidden;min-height:100vh;-webkit-backface-visibility:hidden;backface-visibility:hidden}header,footer{background-color:#71567f}header{opacity:.85;grid-row:1;z-index:3000}main{grid-row:2}main.isHome{margin-top:-60px}@media(max-width:991px){main.isHome{margin-top:0}}footer{grid-row:3}.container{padding:0}.container .padded{padding:0 15px}.row{margin:0}table th,table td{font-size:13px;font-size:1.3rem}figure{margin:20px 0}figcaption{margin-top:10px}.keyvisual{position:relative;padding:0 15px;z-index:-1}.keyvisualTextBox{position:absolute;top:140px;left:60px;background-color:rgba(255,255,255,.75);width:480px;height:auto;padding:0 40px 40px}.keyvisualTextBoxSub{position:absolute;top:140px;background-color:rgba(255,255,255,.75);width:100%;height:auto;padding:0 40px 40px}.keyvisualText .keyTitleText{margin:80px 0 10px;letter-spacing:.1em;color:#71567f}@media(max-width:575px){.keyvisualText .keyTitleText{font-size:20px;font-size:2rem}}.keyvisualText .keyword{font-size:16px;font-size:1.6rem;font-weight:700;color:#71567f;margin-bottom:40px}@media(max-width:991px){.keyvisual{margin-bottom:20px}.keyvisualTextBox{top:240px;left:0;width:100%;height:250px}.keyvisual .keyTitleText{margin-top:40px}.keyvisual .keyword{margin-bottom:20px}}@media(max-width:768px){.keyvisualTextBox{top:180px;left:0;width:100%}.keyvisualText .keyTitleText{margin-top:20px}.keyvisualText .keyword{margin-bottom:20px}}@media(max-width:576px){.keyvisual{margin-bottom:0;padding-bottom:0;background-color:#fff}.keyvisual.noBottomMargin{margin-bottom:0}.keyvisualTextBox{top:0;left:0;width:100%;position:relative;height:auto;margin-top:-150px;overflow:hidden;padding-bottom:20px}.keyvisualText .keyTitleText{margin-top:40px}.keyvisualText .keyword{margin-bottom:20px}}.navigationWrapper{background-color:var(--black-color)}.homeMain{margin-top:-220px}@media(max-width:1200px){.homeMain{margin-top:-180px}}@media(max-width:991px){.homeMain{margin-top:0}}.updateList{display:block}.updateList>li a{font-size:16px;font-size:1.6rem;font-weight:700}.updateList>li a:hover{color:#71567f}.updateListContainer{padding:10px;margin-bottom:20px;background-color:rgba(255,255,255,.9)}.updateListContainer>.container{padding:0 20px}.updateListTitle{display:block;margin-bottom:10px;font-size:16spx;font-size:1.6srem;letter-spacing:.05em;font-weight:700;color:#71567f}@media(max-width:1200px){.updateListContainer{margin-bottom:0}}@media(max-width:991px){.updateListContainer{margin-bottom:0}.updateListContainer>.container{padding:0 15px}}@media(max-width:576px){.updateListContainer{padding:15px}}.topicTile{padding:20px;height:100%}.topicTile:hover{opacity:.8}.topicTile .date{color:#999;font-size:16px;font-size:1.6rem}.topicTileText{margin-top:15px;color:#333}.topicTileText .title{font-size:16px;font-size:1.6rem;line-height:1.6;min-height:3em;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.topicTile .tagList{list-style:none;padding-left:0;margin-top:10px;margin-bottom:0}.topicTile .tagList li{display:inline-block;color:#999;font-size:12px;font-size:1.2rem;line-height:1;font-weight:700}.topicTile .tagList li:not(:last-child){margin-right:5px}.btn-primary:hover{opacity:.8}.sns_section{display:flex}.sns_button{width:44px;height:44px}.sns_button a{display:block;color:#000;padding:10px;text-align:center;-moz-transition:all .1;-o-transition:all .1;-webkit-transition:all .1;transition:all .1}.sns_button i{font-size:20px}.sns_button .fa-hatena:before{display:inline-block;content:"B!";font-family:Verdana;font-weight:700;margin-top:-1px}.sns_button:hover.twitter a{color:#1da1f2}.sns_button:hover.facebook a{color:#3b5998}.sns_button:hover.google a{color:#db4437}.sns_button:hover.instagram a{color:#262626}.sns_button:hover.pocket a{color:#ee4056}.sns_button:hover.hatena a{color:#4ba3d9}.articleToC{background-color:#fff;padding:10px}.articleToC a{color:#333;font-size:14px;font-weight:400;padding:0;line-height:1.4}.articleToC ul{list-style:none;padding:0;margin-bottom:1rem}.articleToC ul li{margin-bottom:1rem}.articleToC>nav>ul>li>ul>li>a{margin-bottom:1rem;font-weight:700}.articleToC>nav>ul>li>ul>li>a+ul{padding-left:1em}.articleToC li>ul{margin-top:.5em;padding-left:1em}.articleToC.level-1 ul ul,.articleToC.level-2 ul ul ul,.articleToC.level-3 ul ul ul ul,.articleToC.level-4 ul ul ul ul ul,.articleToC.level-5 ul ul ul ul ul ul,.articleToC.level-6 ul ul ul ul ul ul ul{display:none}@media(max-width:991px){.articleToC{margin-bottom:30px}}.authorIcon{display:inline-block;width:32px;height:32px;margin-right:8px;margin-bottom:0;border-radius:50%}.authorName{display:inline-block;line-height:40px;font-size:14px;font-size:1.4rem}.hanchor .fas{margin-left:.5em;font-size:.6em}.pageInfo{font-size:14px}.btn-fab{pointer-events:none;position:fixed;bottom:20px;right:20px;width:38px;height:34px;color:#fff;text-align:center;line-height:30px;font-size:11px;font-weight:700;opacity:0;background:url(/updated/images/bear_dot.svg)no-repeat;background-size:contain}.btn-fab:hover{color:#fff}.btn-fab.active{pointer-events:all;opacity:.5}.authorIcon{display:inline-block;width:60px;height:60px;margin-right:8px;margin-bottom:0;border-radius:50%}.authorName{display:inline-block;line-height:40px;font-size:18px;font-size:1.8rem}.footerSns{margin-top:5px}.copyright{font-size:12px;margin-bottom:0;padding:10px 0}.listTitle{font-size:18px;background:#fff;border:0}.frame-wrapper__video{position:relative;width:100%;height:0;padding-bottom:56.25%;overflow:hidden;margin-bottom:50px}.frame-wrapper__video iframe{width:100%;height:100%;position:absolute;top:0;left:0}