.sm-on{display:none}@media screen and (max-width: 640px){.sm-on{display:inline}}.ss-on{display:none}@media screen and (max-width: 480px){.ss-on{display:inline}}#header{width:100%;padding:80px 0 0}@media screen and (max-width: 768px){#header{padding-top:55px}}.navbar-wrapper{background-color:#000}.navbar-wrapper.fixed{background-color:rgba(0,0,0,0.9)}.navbar a:hover{opacity:0.8;color:#FFFFFF}@media screen and (max-width: 768px){.navbar .navbar-nav li{background-color:rgba(0,0,0,0.9)}}.content-header{margin-bottom:50px;height:560px;background-repeat:no-repeat;background-size:cover;background-position:center top 30%}@media screen and (max-width: 768px){.content-header{height:500px}}.content-header .contents{display:flex;flex-flow:column;justify-content:center;height:100%}.content-header .inner{width:100%;width:82%;max-width:660px;padding:0;position:relative}@media screen and (max-width: 768px){.content-header .inner{width:100%}}.content-header .inner .detail-btn{text-align:center;padding:18px 35px 18px;display:inline-block;font-size:18px;line-height:1;font-weight:bold;background:#EE0000;transition:0.2s;border-radius:5px}@media screen and (max-width: 768px){.content-header .inner .detail-btn{font-size:15px;padding:15px 30px 15px}}.content-header .inner .detail-btn a{color:#FFFFFF;text-decoration:none}.content-header .inner .detail-btn:hover{background:#CC0000}.content-header h1{font-size:48px;line-height:1.4;margin-bottom:20px;background-repeat:no-repeat;background-position:left center;background-size:70px 45px;display:inline-block;color:#FFFFFF}@media screen and (max-width: 960px){.content-header h1{font-size:5vw}}@media screen and (max-width: 640px){.content-header h1{font-size:29px}}.content-header h2{font-size:28px;line-height:1.6;color:#FFFFFF;margin-bottom:0.7em}@media screen and (max-width: 960px){.content-header h2{font-size:2.9vw}}@media screen and (max-width: 640px){.content-header h2{font-size:18px}}.content-header p{font-size:20px;line-height:1.8;color:#FFFFFF;padding-right:3%;margin-bottom:1.2em}@media screen and (max-width: 960px){.content-header p{font-size:18px}}@media screen and (max-width: 768px){.content-header p{font-size:16px}}@media screen and (max-width: 640px){.content-header p{font-size:14px;padding-right:0}}.btn-anime{animation:btn-anime 3s infinite 2s;transition-timing-function:ease-in-out}.btn-anime:hover{animation-play-state:paused}@keyframes btn-anime{0%{transform:translate(0px, 0px)}3%{transform:translate(0px, -3px)}6%{transform:translate(0px, 3px)}9%{transform:translate(0px, -3px)}12%{transform:translate(0px, 3px)}15%{transform:translate(0px, -3px)}18%{transform:translate(0px, 3px)}21%{transform:translate(0px, 0px)}}.fadein-anim{animation:SlideIn 0.7s both 0.5s;transition-timing-function:ease-out}@keyframes SlideIn{0%{opacity:0;transform:translateY(-150%)}100%{opacity:1;transform:translateX(0)}}.contents{padding:20px 7.1428%;max-width:1400px}.contents img{max-width:100%;height:auto}pre,pre code{white-space:pre-wrap}pre{background:#f5f2f0;padding:1em 1.5em;margin:.5em 0 1.5em;overflow:auto;display:block;font-size:14px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;border:1px solid #ccc;border-radius:4px}code{padding:2px 4px;color:#c7254e;background-color:#f9f2f4;border-radius:4px}pre[class*="language-"] code{color:black;background:none;text-shadow:0 1px white;font-family:Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}#sort p{margin-top:20px;margin-bottom:0}#sort p.caption{margin-top:5px;font-size:85%}.webinar-list{display:flex;flex-flow:wrap;justify-content:space-between}.webinar-list .list_item{width:47.5%;box-shadow:1px 1px 3px rgba(0,0,0,0.2);margin-bottom:4%}@media screen and (max-width: 960px){.webinar-list .list_item{width:100%}}.webinar-list .list_item a:hover{color:inherit}.webinar-list .list_item a:hover img{opacity:1}.webinar-list .list_item .link-box{border:solid 5px #FFFFFF;padding:15px 15px 10px 15px}.webinar-list .list_item .link-box:hover{border:solid 5px #EE0000}.webinar-list .list_item .cate-ttl{font-size:12px;line-height:1;padding:5px 15px;margin-right:5px;background-color:#000000;color:#FFFFFF;display:inline-block}.webinar-list .list_item .date{margin:12px 0 8px;font-size:14px;line-height:1;color:#666666}.webinar-list .list_item h3{font-size:16px;line-height:1.5;margin:0 0 15px}@media screen and (max-width: 768px){.webinar-list .list_item h3 br{display:none}}.webinar-list .list_item .speaker-box{display:flex;margin-bottom:10px;align-items:center}.webinar-list .list_item .speaker-box p{font-size:13px;line-height:1.33;color:#151515;margin:0}.webinar-list .list_item .speaker-box p span{font-size:11px}.webinar-list .list_item .speaker-img{overflow:hidden;width:50px;min-width:50px;height:50px;border-radius:50%;margin-right:5%;background-color:#EEEEEE}.webinar-list .list_item .speaker-img img{width:100%;height:auto}.side-bar{float:right;width:28%}@media screen and (max-width: 768px){.side-bar{float:none;width:100%;margin-top:70px}}.side-bar li{margin-bottom:25px}.side-bar .try-it{text-align:center}.side-bar .try-it a{background:#EE0000;color:#FFFFFF;display:block;width:100%;height:70px;padding-top:22px;font-size:18px;font-weight:400}.side-bar .try-it a:hover{background:#CC0000;text-decoration:none}.bdb{border-bottom:solid 2px #000000;padding-bottom:0.5em;margin-bottom:1em}.main-contents{float:left;width:66%}@media screen and (max-width: 768px){.main-contents{float:none;width:100%}}.main-contents h2{margin-top:2em}.main-contents h3{margin-top:1em}.main-contents img{margin-bottom:1em}.main-contents .cate-item-ttl{font-size:24px}.main-contents .cate-item{padding-left:0}.main-contents .cate-item li{box-shadow:0px 1px 3px rgba(0,0,0,0.2)}.main-contents .cate-item li img{margin-bottom:0}@media screen and (max-width: 768px){.main-contents .cate-item li img{margin-bottom:1em}}.main-contents .cate-item li dl dt{font-size:17px}.main-contents .cate-item li dl dd{font-size:14px}.main-contents .search-box label{margin-right:1em;display:inline-block;cursor:pointer}#footer-banner .bgr{background-color:#F15A54;padding:60px 0}#footer-banner .bgd{background-color:#333333;padding:60px 0}#footer-banner ul{display:flex;justify-content:space-between;flex-flow:wrap}#footer-banner ul li{width:30%;margin:15px 0}#footer-banner ul li img{width:100%;max-width:100%}#inquiry .contents{padding:70px 20px}.side-bar .related-links{margin-bottom:40px}.side-bar .related-links li{background:url("/ux/campaign/apac-explore-ansible/images/weblog/getting-started-with-automation-hub/Ansible-Mark.png") no-repeat left center;background-size:28px;padding:5px 0 5px 32px;margin-bottom:5px}.side-bar .related-links li a{font-size:18px;color:#000000}section{padding-top:1px}.itemscope{border:solid 2px #3c85c0;padding:25px 30px 20px;background-color:#ebf3f9}.itemscope ul{margin-top:0.5em}.itemscope li{list-style:none;margin-bottom:0.5em;line-height:1.4}.itemscope h4{color:#555555 !important;font-weight:normal}.itemscope a{color:#3c85c0 !important}.disclaimer{color:#666666;font-size:14px;border:solid 1px #CCCCCC;padding:10px 20px 10px;line-height:1.4;background-color:#F2F2F2}.imgborder{border:solid 1px #CCCCCC;padding:10px;margin:30px 0}.inquiry-btn2{margin-top:20px}.inquiry-btn2 a{border:solid 1px #CC0000;padding:10px 20px 10px}.imgcaption{font-size:14px;color:#999999;margin:30px 0}.imgcaution{font-style:italic;margin:30px 0}.weblog-content h3{margin-top:3em}ol.decimal-list>li{list-style:decimal;margin-bottom:0.5em}ul.disc-list>li{list-style:disc;margin-bottom:0.5em}ul.disc-list li li{list-style:circle;margin-bottom:0.5em}.is-hide{display:none !important}#inquiry .detail-btn{background:#EE0000;padding:21px 30px 18px;font-size:18px;font-weight:400;min-width:280px}#inquiry .detail-btn:hover{background-color:#CC0000}