#wrapper{width:100%;margin:0 auto}#wrapper #global-header{width:100%;margin:0 auto;background:#222;z-index:1000;box-shadow:0 0 4px rgba(0,0,0,.3)}@media screen and (max-width:1440px){#wrapper #global-header{width:100%}}@media screen and (max-width:1024px){#wrapper #global-header{height:100px;width:100%}}@media screen and (max-width:480px){#wrapper #global-header{height:60px;width:100%}}#wrapper #global-header p.sp{display:none}@media screen and (max-width:1440px){#wrapper #global-header p.sp{width:100%}}@media screen and (max-width:1112px){#wrapper #global-header p.sp{display:block;width:auto;font-size:1.8em;color:#fff}}@media screen and (max-width:480px){#wrapper #global-header p.sp{font-size:1.4em}}#wrapper #global-header .inner{width:1280px;margin:0 auto;padding:20px 0;display:flex;justify-content:space-around;align-items:center}@media screen and (max-width:1112px){#wrapper #global-header .inner{width:100%;height:100%;justify-content:flex-start}}@media screen and (max-width:480px){#wrapper #global-header .inner{padding:10px 0}}#wrapper #global-header.top .inner{justify-content:flex-start}#wrapper #global-header h1{width:10%}#wrapper #global-header h1 img{width:100%;height:auto;vertical-align:bottom}@media screen and (max-width:1112px){#wrapper #global-header h1{width:auto;display:flex;align-items:center;margin-right:40px}#wrapper #global-header h1 a{width:120px;padding:0 0 0 32px;display:inline-block}#wrapper #global-header h1 a img{width:100%;height:auto}}@media screen and (max-width:480px) and (max-width:812px){#wrapper #global-header h1{margin-right:0;padding:0}#wrapper #global-header h1 a img{width:70%}}@media screen and (max-width:480px){#wrapper #global-header h1 a{padding-left:16px;width:100px}}#global-navi{width:60%}#global-navi ul{display:flex;justify-content:space-between;align-items:center;flex:1;width:100%}#global-navi ul li{text-align:center;width:100%}#global-navi ul li a{display:block;height:100%;padding:18px 0;transition:all .6s ease}#global-navi ul li a span{display:inline-block;text-align:center;width:100%;line-height:1}#global-navi ul li a span.en{font-size:1.7em;color:#fff;letter-spacing:.15em}#global-navi ul li a span.ja{font-size:1.2em;color:#fff}#global-navi ul li a:hover{background:#fff}#global-navi ul li a:hover span{color:#222}@media screen and (max-width:1280px){#global-navi ul li a{padding:8px 0}#global-navi ul li a span.ja{font-size:1.2em}#global-navi ul li a span.en{font-size:1em}}@media screen and (max-width:1024px){#global-navi{display:none}}#header-search{display:flex;width:20%}#header-search input{box-sizing:border-box;display:inline-block}#header-search input[type=text]{width:75%;font-size:1.4em;padding:8px 10px;line-height:1;outline:1px solid #fff;outline-offset:-1px;border:none;transition:all .3s ease;background:#1f1f1f}#header-search input[type=text]:hover{background:#343434}#header-search input[type=text]:focus{background:#fff;outline:2px solid #fff500;outline-offset:-2px}#header-search input[type=submit]{width:25%;height:32px;border:none;font-size:1.3em;line-height:1;cursor:pointer;background:#1f1f1f;outline:1px solid #707070;outline-offset:-1px;color:#e8e8e8}@media screen and (max-width:1024px){#header-search{display:none}}@media screen and (max-width:480px){#header-search{display:none}}#top-key-visual{width:100%;height:80vh;background:url(//karasuno-cybersecurity.com/wp-content/themes/iv-media/css/../images/key-top.jpg) no-repeat;background-size:cover;margin-bottom:80px}#top-key-visual .inner{width:100%;height:100%;background:rgba(34,34,34,.1);position:relative;display:flex;justify-content:space-around;align-items:center}.cloud-box{width:100%;height:100%;position:absolute;z-index:2000;overflow:hidden}.cloud-box .cloud{position:absolute;filter:drop-shadow(4px 4px 8px rgba(0,0,0,.15))}.cloud-box .cloud1{top:10%;left:10%;animation:updown1 6s ease-in infinite}.cloud-box .cloud2{top:38%;left:15%;animation:updown2 7s ease infinite}.cloud-box .cloud3{top:70%;left:26%;animation:updown3 8s ease infinite}.cloud-box .cloud4{top:80%;left:8%;animation:updown4 9s ease-in-out infinite}.cloud-box .cloud5{top:15%;left:90%;animation:updown5 10s ease-in-out infinite}.cloud-box .cloud6{top:33%;left:80%;animation:updown6 12s ease infinite}.cloud-box .cloud7{top:45%;left:68%;animation:updown7 10s ease-in infinite}.cloud-box .cloud8{top:52%;left:90%;animation:updown8 13s ease infinite}.cloud-box .cloud9{top:74%;left:70%;animation:updown9 14s ease infinite}@media screen and (max-width:1280px){.cloud-box .cloud4{display:none}.cloud-box .cloud9{display:none}}@media screen and (max-width:480px){.cloud-box{display:none}}@keyframes scroll{from{height:20px}to{height:100px}}@keyframes updown1{0%{top:10%}35%{top:13%}65%{top:8%}100%{top:10%}}@keyframes updown2{0%{top:38%}35%{top:43%}65%{top:34%}100%{top:38%}}@keyframes updown3{0%{top:70%}35%{top:73%}65%{top:68%}100%{top:70%}}@keyframes updown4{0%{top:80%}35%{top:84%}65%{top:76%}100%{top:80%}}@keyframes updown5{0%{top:15%}35%{top:18%}65%{top:12%}100%{top:15%}}@keyframes updown6{0%{top:33%}35%{top:36%}65%{top:30%}100%{top:33%}}@keyframes updown7{0%{top:45%}35%{top:49%}65%{top:41%}100%{top:45%}}@keyframes updown8{0%{top:52%}35%{top:56%}65%{top:50%}100%{top:52%}}@keyframes updown9{0%{top:74%}35%{top:79%}65%{top:70%}100%{top:74%}}.key-content{display:block;width:100%;position:relative;z-index:3000;overflow:hidden}.key-content .key-text{text-align:center}.key-content .key-text img{width:30%}.key-content .description{text-align:center;font-size:2.1em;line-height:1.8;color:#2a2a2a;margin-bottom:24px}.key-content #key-search{width:680px;margin:0 auto 24px;display:flex;position:relative;box-shadow:0 0 14px rgba(0,0,0,.2)}.key-content #key-search input{box-sizing:border-box;display:inline-block}.key-content #key-search input[type=text]{width:90%;font-size:2em;padding:14px 16px;line-height:1;outline:0;border:none;transition:all .3s ease;background:#fff}.key-content #key-search input[type=submit]{width:10%;border:none;padding:14px 8px;font-size:1.3em;line-height:1;cursor:pointer;background:#e6e6e6;color:#e8e8e8;position:relative}.key-content #key-search .icon-s{position:absolute;bottom:12px;right:24px}@media screen and (max-width:1440px){.key-content .description{font-size:1.6em;line-height:1.5}.key-content #key-search{width:50%}}@media screen and (max-width:834px){.key-content .key-text img{width:60%}.key-content #key-search{width:70%}.key-content #key-search .icon-s{right:16px}}@media screen and (max-width:480px){.key-content .description{width:95%;margin:0 auto 24px;font-size:1.3em}.key-content #key-search{width:95%}.key-content #key-search input[type=text]{width:85%;font-size:1.4em}.key-content #key-search input[type=submit]{width:15%;height:45px;border-radius:0;background:0 0}.key-content #key-search .icon-s{bottom:12px}}.key-tag{text-align:center}.key-tag .text{margin-bottom:24px}.key-tag .text img{width:18%}.key-tag .pic{margin-bottom:24px}.key-tag .pic img{width:20%;position:relative}.key-tag .pic img:hover{animation:'buruburu' .2s ease forwards}.key-tag .btn a{display:inline-block;padding:18px 24px;background:#2c2c2c;color:#fff;font-size:1.8em;line-height:1;transition:all .6s ease}.key-tag .btn a:hover{background:#fff;color:#2c2c2c}@media screen and (max-width:1440px){.key-tag .text{display:none}}@media screen and (max-width:1280px){.key-tag .btn{display:none}}@media screen and (max-width:834px){.key-tag .text{display:block}.key-tag .text img{width:28%}.key-tag .pic img{width:35%}}@media screen and (max-width:480px){.key-tag .text{display:block}.key-tag .text img{width:40%}.key-tag .pic img{width:55%}}@keyframes buruburu{0%{left:-2px}20%{left:2px}40%{left:-2px}60%{left:2px}80%{left:-2px}100%{left:2px}}.link-crow{width:180px;height:auto;display:inline-block;position:absolute;right:-10%;bottom:-10%;opacity:0;transition:all .7s ease-in-out}.link-crow img{width:100%;heigth:auto}.link-crow.active{right:15%;bottom:15%;opacity:1}@media screen and (max-width:480px){.link-crow{width:120px}.link-crow.active{right:1%;bottom:28%}}main#container{width:1280px;display:flex;justify-content:space-between;margin:0 auto 80px}@media screen and (max-width:1280px){main#container{width:85%;display:block}}@media screen and (max-width:834px){main#container{width:95%}}#top-content{width:960px}#top-content .content-wrap{margin-bottom:80px}#top-content .content-wrap .content-header{margin-bottom:40px}#top-content .content-wrap .content-header h1{margin-bottom:12px;border-bottom:1px solid #707070;color:#414141}#top-content .content-wrap .content-header h1 span.en{display:inline-block;font-size:2.4em;font-weight:700;line-height:.8;padding:10px 80px 8px 12px;background:#1a1a1a;background-image:linear-gradient(-60deg,#91c1a0 10%,#8078a8 25%,#8078a8 25%,#e298b6 40%,#e298b6 40%,#e29b61 55%,#e29b61 55%,#f4e995 70%,#f4e995 70%,#91c1a0 85%,#79c4e2 100%);border-radius:0 2em 2em 0;color:#fff;text-shadow:0 0 6px rgba(0,0,0,.5)}#top-content .content-wrap .content-header h1 span.ja{display:block;width:100%;font-size:18px;margin:12px 0;color:#1a1a1a}#top-content .content-wrap .content-header p{font-size:1.6em;color:#646464}@media screen and (max-width:1280px){#top-content{width:100%}}.pager-wrap{margin-bottom:64px}.pager-wrap ul.pager{display:flex;justify-content:flex-start;align-items:center}.pager-wrap ul.pager li{margin-right:12px}.pager-wrap ul.pager li a{display:flex;justify-content:space-around;align-items:center;width:28px;height:28px;border:1px solid #6c6c6c;font-size:1.2em}.pager-wrap ul.pager li:nth-child(12) a{width:90px;height:28px;border:none}.pager-wrap ul.pager li:nth-child(12) a img{width:auto;height:28px}@media screen and (max-width:480px){.pager-wrap{width:100%}.pager-wrap li:nth-child(6),.pager-wrap li:nth-child(7),.pager-wrap li:nth-child(8),.pager-wrap li:nth-child(9),.pager-wrap li:nth-child(10){display:none}}aside#top-side{width:300px}@media screen and (max-width:1280px){aside#top-side{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;padding-top:32px}}@media screen and (max-width:480px){aside#top-side{display:block}}aside#top-side h3.sub-title{border-top:1px #282828 solid;font-size:18px;padding-top:8px;margin:43px 0 8px}@media screen and (max-width:1280px){aside#top-side h3.sub-title{margin-top:0}}@media screen and (max-width:768px){aside#top-side .tw-box{width:30%}}@media screen and (max-width:480px){aside#top-side .tw-box{width:100%;margin-bottom:40px}}aside#top-side .tw-box h3.sub-title{margin-top:0}@media screen and (max-width:1280px){aside#top-side .fb-box{width:32%}}@media screen and (max-width:768px){aside#top-side .fb-box{width:30%}}@media screen and (max-width:480px){aside#top-side .fb-box{width:100%;margin-bottom:40px;text-align:center}aside#top-side .fb-box h3.sub-title{text-align:left}}aside#top-side .add-inner{margin-bottom:30px}aside#top-side .add-inner img{width:100%}aside#top-side .fb_iframe_widget{margin-bottom:30px}@media screen and (max-width:1280px){aside#top-side .month-archive{width:32%}}@media screen and (max-width:768px){aside#top-side .month-archive{width:30%}}@media screen and (max-width:480px){aside#top-side .month-archive{width:100%}}aside#top-side .month-archive .monthly-list{padding:12px}aside#top-side .month-archive .monthly-list li{font-size:14px;letter-spacing:.15em;line-height:1}aside#top-side .month-archive .monthly-list li a{display:inline-block;box-sizing:border-box;width:100%;padding:12px 6px;font-size:14px;letter-spacing:.15em;border-bottom:1px solid #333;transition:all .6s ease;line-height:1}aside#top-side .month-archive .monthly-list li a:hover{background:#222;color:#fff}#top-content .content-header h1 span.ja{color:#1a1a1a !important}#top-content .content-header p{color:#1a1a1a !important;letter-spacing:.15em}#top-content .newpost-area{padding:14px;background:#fafaf8}.ranking-wrap .inner{display:flex;justify-content:space-between;flex-wrap:wrap}.ranking-wrap .inner .ranking-box{width:300px;margin-bottom:32px}.ranking-wrap .inner .ranking-box .ranking-header{margin-bottom:16px}.ranking-wrap .inner .ranking-box .ranking-header h2{color:#575757;border-bottom:1px solid #31727e;padding-bottom:8px;font-weight:700;font-size:2.1em}.ranking-wrap .inner .ranking-box a.rankpost{display:block;box-shadow:0 0 8px rgba(0,0,0,.15);width:100%;position:relative}.ranking-wrap .inner .ranking-box a.rankpost span{display:block}.ranking-wrap .inner .ranking-box a.rankpost .postpic{width:100%;height:165px;background:#f4f4f4}.ranking-wrap .inner .ranking-box a.rankpost .postpic img{width:100%;height:100%;object-fit:cover;font-family:"object-fit: cover;"}.ranking-wrap .inner .ranking-box a.rankpost .posttag{display:inline-block;position:absolute;top:120px;left:0;background:#414141;text-align:center;color:#fff;padding:6px 8px;line-height:1;font-size:1.2em}.ranking-wrap .inner .ranking-box a.rankpost .text-wrap{display:inline-block;padding:12px}.ranking-wrap .inner .ranking-box a.rankpost .text-wrap .posttime{font-size:1.2em;color:#5c5c5c;margin-bottom:12px}.ranking-wrap .inner .ranking-box a.rankpost .text-wrap .posttitle{display:block;text-align:left;font-size:1.8em;font-weight:700;color:#444}@media screen and (max-width:1280px){.ranking-wrap .inner .ranking-box{width:32%;margin-bottom:32px}}@media screen and (max-width:480px){.ranking-wrap .inner .ranking-box{width:49%;margin-bottom:32px}}.industry-wrap .inner{display:flex;justify-content:space-between;flex-wrap:wrap}.industry-wrap .inner div.category-box{width:32%;margin-bottom:40px;box-shadow:0 0 6px rgba(0,0,0,.08)}.industry-wrap .inner div.category-box a{display:block;padding:40px 0;text-align:center;background:#fcfcfc;transition:all .7s ease}.industry-wrap .inner div.category-box a:hover{background:#1a1a1a}.industry-wrap .inner div.category-box a:hover span.en{color:#fff}.industry-wrap .inner div.category-box a span{display:block;text-align:center}.industry-wrap .inner div.category-box a span.en{font-size:1.6em;font-weight:700;color:#333;transition:all .7s ease}.industry-wrap .inner div.category-box a span.ja{font-size:1.4em;color:#777}.industry-wrap .inner div.ind-category{width:145px;height:145px;background:#fafafa;box-shadow:0 0 6px rgba(0,0,0,.15);margin-bottom:24px;display:flex;justify-content:space-around;align-items:center}.industry-wrap .inner div.ind-category a{display:block;text-align:center}.industry-wrap .inner div.ind-category a .ind-icon{display:inline-block;text-align:center;border-radius:50%;background:#fff;margin:0 auto 16px}.industry-wrap .inner div.ind-category a .ind-title{display:block;text-align:left;font-size:1.8em;font-weight:700;color:#444}@media screen and (max-width:1280px){.industry-wrap .inner div.ind-category{width:170px;height:170px}}@media screen and (max-width:1112px){.industry-wrap .inner div.ind-category{width:140px;height:140px}}@media screen and (max-width:834px){.industry-wrap .inner div.ind-category{width:165px;height:165px}}@media screen and (max-width:480px){.industry-wrap .inner{width:95%;margin:0 auto}.industry-wrap .inner div.ind-category{width:100px;height:100px}.industry-wrap .inner div.ind-category a .ind-icon{display:inline-block;text-align:center;border-radius:50%;background:#fff;margin:0 auto 16px}.industry-wrap .inner div.ind-category a .ind-icon img{width:80%;height:auto}.industry-wrap .inner div.ind-category a .ind-title{font-size:1.2em}}.newpost-area .newpost-box{width:100%;height:285px}.newpost-area .newpost-box .newpost-wrap .newpost{background:#f7f7f7;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.15)}.newpost-area .newpost-box .newpost-wrap .newpost a{display:block;width:100%;height:100%}.newpost-area .newpost-box .newpost-wrap .newpost a span{display:block}.newpost-area .newpost-box .newpost-wrap .newpost a span.post-thumb{width:100%}.newpost-area .newpost-box .newpost-wrap .newpost a span.post-thumb img{width:100%;height:150px;object-fit:cover;font-family:"object-fit: cover;"}@media screen and (max-width:480px){.newpost-area .newpost-box .newpost-wrap .newpost a span.post-thumb{height:180px}.newpost-area .newpost-box .newpost-wrap .newpost a span.post-thumb img{object-fit:cover;width:100%;height:100%}}.newpost-area .newpost-box .newpost-wrap .newpost a span.post-text{display:inline-block;padding:8px 12px}.newpost-area .newpost-box .newpost-wrap .newpost a span.post-text .post-title{text-align:left;font-size:1.8em;font-weight:700;color:#535353;margin-bottom:8px}.newpost-area .newpost-box .newpost-wrap .newpost a span.post-text .post-time{color:#a2a2a2}.newpost-area .newpost-box .newpost-wrap .newpost a span.post-text .post-time time{color:#a2a2a2}.newpost-area .newpost-box .newpost-wrap .newpost a span.post-text .post-category{color:#a2a2a2}.newpost-area .newpost-box .newpost-wrap .newpost a span.post-text .post-category span{display:inline;color:#a2a2a2}#news .news-header{margin-bottom:40px}#news .news-header h2{border-bottom:5px solid #e3e3e3}#news .news-header h2 span{display:inline-block;border-radius:8px 8px 0 0;background:#414141;color:#fff;font-size:1.7em;padding:8px 24px;position:relative;top:5px}#news .news-wrap{margin-bottom:32px}#news .news-wrap .news-box{background:#f7f7f7;display:flex;justify-content:space-between;margin-bottom:8px}#news .news-wrap .news-box .news-info{width:65%;padding:18px}#news .news-wrap .news-box .news-info .news-meta{margin-bottom:12px}#news .news-wrap .news-box .news-info .news-meta time{font-size:1.3em;padding:5px 0 0 10px;width:130px;height:27px;display:inline-block;background:url(//karasuno-cybersecurity.com/wp-content/themes/iv-media/css/../svg/news-time-bg.svg) no-repeat;margin-right:16px}#news .news-wrap .news-box .news-info .news-meta span.tag{padding:5px 14px;position:relative;background:#1a1a1a}#news .news-wrap .news-box .news-info .news-meta span.tag a{font-size:1.3em;color:#fff}#news .news-wrap .news-box .news-info h3{margin-bottom:12px}#news .news-wrap .news-box .news-info h3 a{font-size:2.4em;font-weight:700;color:#333;letter-spacing:.15em;display:inline-block}#news .news-wrap .news-box .news-info .news-text50{font-size:1.3em;color:#606060;margin-bottom:12px}#news .news-wrap .news-box .news-info .news-text50 a{word-break:break-all}#news .news-wrap .news-box .news-info .sns-share img{width:100%;height:auto}#news .news-wrap .news-box .news-thumb{width:30%;height:250px}#news .news-wrap .news-box .news-thumb img{display:block;width:100%;height:100%;object-fit:cover;font-family:"object-fit: cover;"}@media screen and (max-width:480px){#news .news-wrap .news-box{flex-flow:column-reverse;flex-wrap:wrap}#news .news-wrap .news-box .news-info{width:100%}#news .news-wrap .news-box .news-thumb{width:100%}}#news .add-wrap{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}#news .add-wrap .add-box{width:300px;height:250px;background:#dbdbdb}.recommend-area{margin-bottom:0 !important}.recommend-area .recommend-box{width:100%;height:285px}.recommend-area .recommend-box .recommend-wrap .recommend{background:#f7f7f7;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.15)}.recommend-area .recommend-box .recommend-wrap .recommend a{display:block;width:100%;height:100%}.recommend-area .recommend-box .recommend-wrap .recommend a span{display:block}.recommend-area .recommend-box .recommend-wrap .recommend a span.post-thumb{width:100%;height:180px;background:#eaeaea}.recommend-area .recommend-box .recommend-wrap .recommend a span.post-thumb img{width:100%;height:100%;object-fit:cover;font-family:"object-fit: cover;"}@media screen and (max-width:480px){.recommend-area .recommend-box .recommend-wrap .recommend a span.post-thumb{height:180px}.recommend-area .recommend-box .recommend-wrap .recommend a span.post-thumb img{object-fit:cover;width:100%;height:100%}}.recommend-area .recommend-box .recommend-wrap .recommend a span.post-text{display:inline-block;padding:8px 12px}.recommend-area .recommend-box .recommend-wrap .recommend a span.post-text .post-title{font-size:1.6em;font-weight:700;color:#535353;margin-bottom:8px}.recommend-area .recommend-box .recommend-wrap .recommend a span.post-text .post-time{color:#a2a2a2}.recommend-area .recommend-box .recommend-wrap .recommend a span.post-text .post-time time{color:#a2a2a2}.recommend-area .recommend-box .recommend-wrap .recommend a span.post-text .post-category{color:#a2a2a2}.recommend-area .recommend-box .recommend-wrap .recommend a span.post-text .post-category span{display:inline;color:#a2a2a2}#global-footer{width:100%;display:flex;margin:0 auto;background:#171717;position:relative}#global-footer .footer-inner{width:1280px;margin:0 auto;padding:40px 0}#global-footer .footer-inner .logobox{display:block;margin-bottom:16px}#global-footer .footer-inner .logobox h1{text-align:center}#global-footer .footer-inner .logobox h1 a{display:inline-block;text-align:center}#global-footer .footer-inner .logobox h1 a img{margin-bottom:10px;width:auto;height:auto}@media screen and (max-width:480px){#global-footer .footer-inner .logobox{margin-bottom:0}#global-footer .footer-inner .logobox h1 a img{width:120px;margin-bottom:0}}#global-footer .footer-inner .footer-navi{width:70%;margin:14px auto}#global-footer .footer-inner .footer-navi ul{display:flex;justify-content:space-around;align-items:center;flex:1}#global-footer .footer-inner .footer-navi ul li{width:100%}#global-footer .footer-inner .footer-navi ul li a{display:inline-block;width:100%;color:#fff;font-size:1.4em;letter-spacing:.15em;line-height:1;text-align:center;padding:12px 0}@media screen and (max-width:480px){#global-footer .footer-inner .footer-navi ul{display:block}#global-footer .footer-inner .footer-navi ul li a{padding:10px 0}}#global-footer .footer-inner .snsbox{display:flex;justify-content:center;align-items:center}#global-footer .footer-inner .snsbox a{display:inline-block;padding:8px 10px}@media screen and (max-width:480px){#global-footer .footer-inner{padding-bottom:64px}}#global-footer .footer_copyright{width:100%;background:#fff;position:absolute;bottom:0;left:0;padding:12px 0}#global-footer .footer_copyright .copy{text-align:center;font-size:12px}