.clearfix{*zoom:1}.clearfix:after{content:"";display:table;clear:both}#introduction,#prologue,#keyword{background-color:#222;color:#f5f5f5}#introduction .menu{width:100%;height:100%;padding:20px;box-sizing:border-box}#introduction .menu .digest div{margin-bottom:20px}#introduction .menu .digest div:last-child{margin-bottom:0}#introduction .menu a{position:relative;overflow:hidden;border:solid 1px #222;background-size:cover;transition:.2s}#introduction .menu a.prologue{background-image:url(../assets/introduction/top/btn_prologue.jpg)}#introduction .menu a.keyword{background-image:url(../assets/introduction/top/btn_keyword.jpg)}#introduction .menu a.sen1{background-image:url(../assets/introduction/top/btn_sen1.jpg)}#introduction .menu a.sen2{background-image:url(../assets/introduction/top/btn_sen2.jpg)}#introduction .menu a.sen3{background-image:url(../assets/introduction/top/btn_sen3new.jpg)}@media screen and (min-width: 769px){#introduction .menu a{height:100%}#introduction .menu a.prologue{background-image:url(../assets/introduction/top/btn_prologue_pc.jpg)}#introduction .menu a.keyword{background-image:url(../assets/introduction/top/btn_keyword_pc.jpg)}#introduction .menu a.prologue img,#introduction .menu a.keyword img{margin-top:200px}}#introduction .menu a img.none{opacity:0}#introduction .menu a img.absolute{position:absolute;z-index:3}#introduction .menu a .coming{position:absolute;top:0;left:0;height:100%;padding:5px 10px;background:#0cc;opacity:0.8;z-index:3}#introduction .menu a .coming img{position:relative !important;margin-top:0}#introduction .menu a.close{cursor:default}#introduction .menu a.open:hover{border:solid 1px #0cc}#introduction .menu a.open:hover::after{background:rgba(0,0,0,0.3)}#introduction .menu a.open:hover::before{opacity:0.1}#introduction .menu a::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:0 !important;transition:.3s;z-index:2}#introduction .menu a::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(-45deg, #222 25%, #fff 25%, #fff 50%, #222 50%, #222 75%, #fff 75%, #fff);animation:stripeBg 10s linear infinite;background-size:30px 30px;border:1px solid #222;opacity:0;z-index:0}@keyframes stripeBg{0%{background-position:0 0}100%{background-position:100% 0}}#prologue #main{position:relative;overflow:hidden}#prologue .headline{background-image:none}@media screen and (min-width: 769px){#prologue .headline{padding:120px 0 30px 0}}@media screen and (max-width: 768px){#prologue .headline{padding:80px 0 20px 0}}@media screen and (min-width: 769px){#prologue h2{margin-bottom:30px !important}}@media screen and (min-width: 769px){#prologue .prologue-text{padding:0 0 60px 0}}@media screen and (max-width: 768px){#prologue .prologue-text{padding:0 0 20px 0}}#prologue .inner{padding:0 15px;box-sizing:border-box}@media screen and (min-width: 769px){#prologue .inner{width:80%}}@media screen and (max-width: 768px){#prologue .inner{width:100%}}#prologue p{margin:20px 0}@media screen and (min-width: 769px){#prologue p{font-size:1.2rem}}@media screen and (max-width: 768px){#prologue p{font-size:1.1rem}}#prologue .bg{top:0;right:0;z-index:-1}@media screen and (min-width: 769px){#prologue .bg{position:absolute;width:60%}}@media screen and (max-width: 768px){#prologue .bg{position:fixed;width:80%;opacity:0.6}}@media screen and (min-width: 769px){#prologue .block{margin:60px 0}}@media screen and (max-width: 768px){#prologue .block{margin:30px 0}}#prologue .block .mincho{font-family:"Sawarabi Mincho","ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","serif";line-height:2}@media screen and (min-width: 769px){#prologue .block .mincho{font-size:1.8rem}}@media screen and (max-width: 768px){#prologue .block .mincho{font-size:1.2rem}}#keyword .content{position:relative}@media screen and (min-width: 769px){#keyword h3.subhead{margin-bottom:60px}#keyword .text-block{display:block;max-width:1100px;margin:0 auto;box-sizing:border-box}#keyword .text-block .inner{width:50%;padding:20px;box-sizing:border-box}#keyword .text-block .inner h4{padding:10px 0 10px 20px;margin-bottom:10px;font-size:1.5rem;border-left:solid 1px #0cc}#keyword .text-block .inner p{margin:25px 0;font-size:1.2rem}#keyword .image{display:block;position:absolute;width:50%;height:100%;top:0;background-size:cover;background-position:center center}#keyword .type-left .image{left:50%}#keyword .type-right .image{left:0}#keyword .type-right .inner{margin-left:50%}}@media screen and (max-width: 768px){#keyword .keyword-body img{width:100%}#keyword .content{margin-top:20px}#keyword .inner{padding:3%}#keyword h4{padding:10px 0;margin-bottom:20px;font-size:1.5rem;text-align:center;border-bottom:solid 1px #0cc}#keyword p{margin:15px 0;font-size:1.1rem}}#keyword #keyword-a .image{background-image:url(../assets/introduction/keyword/img_a.jpg)}#keyword #keyword-b .image{background-image:url(../assets/introduction/keyword/img_b.jpg)}#keyword #keyword-c .image{background-image:url(../assets/introduction/keyword/img_c.jpg)}#keyword #keyword-d .image{background-image:url(../assets/introduction/keyword/img_d.jpg)}#keyword #keyword-e .image{background-image:url(../assets/introduction/keyword/img_e.jpg)}#keyword #keyword-f .image{background-image:url(../assets/introduction/keyword/img_f.jpg)}#keyword #keyword-g .image{background-image:url(../assets/introduction/keyword/img_g.jpg)}#keyword #keyword-h .image{background-image:url(../assets/introduction/keyword/img_h.jpg)}#keyword #keyword-i .image{background-image:url(../assets/introduction/keyword/img_i.jpg)}#keyword #keyword-j .image{background-image:url(../assets/introduction/keyword/img_j.jpg)}#keyword #keyword-k .image{background-image:url(../assets/introduction/keyword/img_k.jpg)}#digest .alert{position:relative;padding:20px 10px;font-size:1.2rem;text-align:center;background:#ffe345}#digest .alert strong{font-size:1.7rem}#digest .alert strong span{display:inline-block}#digest .alert::before,#digest .alert::after{content:"";position:absolute;width:100%;height:15px;background:linear-gradient(-45deg, #222 25%, #ffe345 25%, #ffe345 50%, #222 50%, #222 75%, #ffe345 75%, #ffe345);background-size:20px 20px;z-index:0}#digest .alert::before{bottom:0;left:0}#digest .alert::after{top:0;left:0}#digest h3{max-width:1100px;padding-bottom:10px;margin:60px auto 30px auto;font-size:1.8rem;text-align:center;border-bottom:solid 1px #f5f5f5;font-family:"Sawarabi Mincho","ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","serif"}@media screen and (max-width: 768px){#digest h3{font-size:1.3rem}}#digest .digest-body{color:#f5f5f5}#digest .digest-body p{margin:15px 0}@media screen and (min-width: 769px){#digest .digest-body p{font-size:1.2rem}}@media screen and (max-width: 768px){#digest .digest-body p{font-size:1rem}}#digest .digest-body .row img{width:100%;vertical-align:bottom}#digest .digest-body .content{padding:30px 10px}#digest .digest-body .top{padding:30px 0 0 0;text-align:center}@media screen and (min-width: 769px){#digest .digest-body .top img{width:60%}}@media screen and (max-width: 768px){#digest .digest-body .top img{width:100%}}#digest .navigation{max-width:1100px;margin:0 auto;padding:0 0 30px 0}#digest .navigation .pager{display:table;width:100%;padding:50px 0}#digest .navigation .pager div{display:table-cell;padding:5px}#digest .navigation .pager div img{height:30px}@media screen and (max-width: 768px){#digest .navigation .pager div img{height:20px}}#digest .navigation .pager div.off{opacity:0.3}#digest .navigation .pager div.top{text-align:center}#digest .navigation .pager div.next{text-align:right}#digest .navigation .pager div a{width:100%;transition:.2s}#digest .navigation .pager div a:hover{opacity:0.6}#digest .navigation .jump h5{padding-bottom:5px;margin-bottom:10px;font-size:1.2rem;border-bottom:solid 1px #f5f5f5}#digest .navigation .jump h5 span{padding-left:10px;font-weight:normal;font-size:0.9rem}#digest .navigation .jump a{display:block;margin:10px 0;color:#f5f5f5;transition:.2s}#digest .navigation .jump a:hover{color:#0cc}#digest .navigation .jump a.on{color:#0cc}#digest .navigation .jump .close{position:relative}#digest .navigation .jump .close::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#222;opacity:0.5}