@charset "UTF-8";
/*common -------------------------------------------------- */
* { box-sizing: border-box; }
.listEnd { margin: 0px; }
.red { color: #CC0000; }
a{ color: #0088CE;}
a:hover{ color: #00B9E4;}
img, x:-moz-any-link, x:default {box-shadow: #000 0 0 0;}
img { height: auto; }
img.w100 { max-width: 100%; }
p{letter-spacing:0.08em;}
sup{ font-size: 50%;}
#wrapper { position: relative; z-index: 0; background-color: #FFF; width: 100%; min-width: 320px; }
#pageTop { font-size: 0px; line-height: 0px; }

.no-resp { height: auto !important; width: auto !important; }
.br-sp { display: none; }
.pc-no { display: none; }
.align-left { text-align: left; }
.align-right { text-align: left; }
.center { text-align:center !important;}
.link-btn {text-align:center;margin: 0 auto 80px; }
.link-btn a { color: #FFFFFF; text-align: center; padding: 20px 40px 17px; font-size:18px; font-weight: bold; background-color:#CC0000; text-decoration:none; }
.link-btn a:hover {text-decoration: none; opacity: 0.7; }
.detail-btn { color: #FFFFFF; text-align: center; padding: 20px 40px 17px; font-size: 18px; font-weight: bold; background-color: #CC0000; text-decoration: none;  }
.detail-btn:hover { opacity: 0.7;color: #FFFFFF; text-decoration: none; }
.bgg { background-color: #F2F2F2; }
.bgb { background-color: #F2F9FD; }
.br-ssp{display: none;}

/*  #header pc -------------------------------------------------- */
#header { height:400px;}
#header { background:  no-repeat center center; background-size:cover; padding-top:36px; position: relative;}
.redhat-logo { margin-bottom: 28px; }
.header-content { margin: 0 auto; max-width: 1200px; padding:0 40px;}
.header-content h1 { font-size:55px; font-weight:800; line-height:1.2em;letter-spacing:0em; margin:20px 0 0; color: #FFFFFF;}
.header-content h2 { font-size:46px; font-weight:300; line-height:1.2em;letter-spacing:0em; margin:20px 0 0; color: #FFFFFF;}
.header-content h3 { font-size:23px; font-weight:300; line-height:1.4em; margin:10px 0; color: #FFFFFF;}
.header-content h4 { font-size:40px; font-weight:300; line-height:1.2em; margin-top:30px; color: #FFFFFF;}

#section01 h1{font-size: 35px;color: #A30000;text-align: center; line-height:1.3; margin-bottom: 20px;}
#section01 h1 span{font-size: 20px;color: #000000; }
.contents-header-wrapper{ margin: 0 auto; max-width:1200px; padding:80px 40px; }
.contents-header{float: left;width: 50%;}
.contents-header p{line-height: 1.9;}
.side-bar{float: right;width: 45%;max-width: 450px;margin-top: -130px;z-index: 2;position: relative;}
.side-bar-banner{margin-bottom: 25px;background-color: #FFFFFF;}
.side-bar-banner img{max-width: 100%;}
.side-bar-link{background-color: #A0D5E1;padding:10px 30px;}
.side-bar-link li{margin-bottom: 25px;}
.side-bar-link li p{overflow: hidden;}
.side-bar-link li::after {display: table; content: ""; line-height: 0; clear: both;}
.side-bar-link li img{float: left;margin-right: 20px;max-width: 30%;}
.side-bar-ttl{font-size: 20px;font-weight: bold;margin-top: 25px;}

.hr-img img{ width: 100%;}
.main-contents{ margin: 0 auto; max-width: 800px; padding:0; box-sizing:content-box; }

.main-contents p { font-size:16px;margin-bottom:1em; line-height: 1.8em;}
.main-contents p.name {font-weight: 600;font-size:16px;}
.main-contents p.name span {font-size: 140%;line-height: 1.6em;}
.main-contents img { max-width:100%; height:auto; margin-bottom:1em;}
.mr-m{margin-right: -80px;max-width:calc( 50% + 80px);}
.left-p{float: left;width:calc( 50% - 26px);}
@media screen and (max-width: 980px){
	section{overflow: hidden !important;}
}
.pic01{text-align: center;margin-bottom: 20px;}
.bg-img{ background-repeat: no-repeat;background-size:cover; background-attachment: fixed;background-position: center center;height: 400px;}

.article-box{margin: 0 30px;padding: 80px 0;}
.article-box h2{font-size: 35px;color: #000000; line-height:1.3; margin-bottom: 5px;}
.article-box h4{font-size: 20px;color: #000000;text-align: center;margin-bottom: 60px;}
.article-box h3{margin-bottom:1em;}
.article-box .session-num{font-size: 20px;font-weight: bold;color:#CC0000; }
.bdb{border-bottom: solid 1px #CCCCCC;}


#inquiry{padding:60px 20px 80px; background-color: #F2F2F2;}
#inquiry h3{font-size: 20px;margin-bottom: 20px;color: #000000;}


.contents-header-nav{ margin: 0 auto; max-width: 1200px; padding:0 30px 80px;}
.contents-header-nav li{ float: left;width: 22%;margin: 0 1.5%;}
.contents-header-nav a{color: #000000;text-decoration: none;line-height: 1.5;}
.contents-header-nav a:hover{color: #CC0000;text-decoration: none;}
.contents-header-nav h3{font-size: 16px;margin-top: 0.3em;margin-bottom: 0.3em; }

.contents-header-nav p{font-size: 14px; }
.contents-header-nav a .session-num{font-weight: bold;color:#CC0000; }

.speaker{margin: 30px 0;}
.speaker img{float: left;margin-right: 3%;margin-bottom: 0; }
.speaker div{overflow: hidden;}
.speaker a{color:#CC0000;}
.mutual-btn{text-align: center; width: 220px;float: right;margin-top: -53px;transition: 0.2s;}
.mutual-btn:hover{margin-top: -45px;transition: 0.2s;}
.mutual-btn span{font-size: 16px;}
.mutual-btn a{color: #FFFFFF;font-size: 12px;font-weight: bold;line-height: 1.4; padding: 30px 0 10px;display: block;background:linear-gradient( #FF0000, #990000); border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;text-decoration: none;}
.mutual-btn:hover a{color: #F0AB00;}


@media screen and (max-width:980px) {
  body, #wrapper { width: auto; }
  #header .header-inner { width: auto; }
  .navbar-wrapper { font-size: 85%; }
	.header-content h1 { font-size:45px;}
	.header-content h2 { font-size:38px;}
	.header-content h3 { font-size:19px;}
	.header-content h4 { font-size:30px;}
}

@media screen and (max-width: 768px) {
  body { font-size: 15px; }
  body, #wrapper { width: auto; }
  #wrapper { width: 100%; min-width: 100%; }
  #wrapper.post-page {padding-bottom: 40px;}
  .br-pc { display: none; }
  .br-sp { display: block; }
  .sp-no { display: none;}
  .pc-no { display: block; }
	
	.redhat-logo { margin-bottom: 20px;}
	.redhat-logo img { height: 30px;width: auto;}
	.header-content h1 { font-size:36px;}
	.header-content h2 { font-size:32px;}
	.header-content h3 { font-size:16px;}
	.header-content h4 { font-size:22px;}
	
	.article-box{margin: 0 20px;padding: 30px 0;}
	.bg-img{ height: 200px;}
	.article-box h2{font-size: 28px;}
	.contents-header-nav li{ float: none;width:100%;margin: 15px 0;padding-bottom: 10px; border-bottom: solid 1px #CCCCCC;}
	.mr-m{margin-right: 0px;width:100%;max-width: 100%; float: none;margin:0;}
	.mr-m img{width:100%;}
	.left-p{float:none;width:100%;}
	.speaker img{float:none;margin:auto;margin-bottom: 15px;max-height: 120px;width: auto;}
}

 @media screen and (max-width: 480px) {
/*  #header sp -------------------------------------------------- */
  .header-content h1 { font-size:36px;}
	.header-content h2 { font-size:22px;}
	.header-content h3 { font-size:15px;}
	.header-content h4 { font-size:22px;margin-top: 20px;}
	.br-ssp{display:inline;}
 
}