@charset "utf-8";
/* CSS Document */

/*
#####################################################################

	目次【INDEX】

#####################################################################



************************** 【モジュール】 **************************


■ファーストビュー用レイアウトモジュール【.firstview-module】

　＿ファーストビューモジュール【.firstview-module】

　＿ファーストビューモジュール02【.firstview-module-02】

　＿ファーストビューモジュール03【.firstview-module-03】


■CTA用レイアウトモジュール【.cta-module】

　＿CTAモジュール01【.cta-module-01】


■アバウト用レイアウトモジュール【.about-module】

　＿アバウトモジュール01【.about-module-01】

　＿アバウトモジュール02【.about-module-02】


■セッション用レイアウトモジュール【.session-module】

　＿セッションモジュール01【.session-module-01】

　＿セッションモジュール02【.session-module-02】


■アクセス用レイアウトモジュール【.access-module】

　＿アクセスモジュール01【.access-module-01】


■コンタクト用レイアウトモジュール【.contact-module】

　＿コンタクトモジュール01【.contact-module-01】


■ナビゲーション用レイアウトモジュール【.navigation-module】

　＿ナビゲーションモジュール01【.navigation-module-01】

　＿ナビゲーションモジュール01【.navigation-module-02】



************************** 【個別ページ】 **************************


■トップページ【#HOME】

■セッション一覧【#SESS】

■ゼネラルセッション【#GENERAL】

■ブレイクアウトセッション【#SESSION】

■展示【#EXHI】

■事後レポート【#REPORT】

■PICKUP【#PICKUP】


*/

/*
#####################################################################

	タイポグラフィ

#####################################################################



@font-face {
	font-family: "overpass-bold";
	src:	url('../fonts/overpass-bold.ttf')  format('truetype'),
	url("../fonts/overpass-bold.eot") format('eot'),
	url("../fonts/overpass-bold.woff") format('woff');
}

@font-face {
	font-family: "overpass-regular";
	src:	url('../fonts/overpass_regular.ttf')  format('truetype'),
	url("../fonts/overpass_regular.eot") format('eot'),
	url("../fonts/overpass_regular.woff") format('woff');
}
*/

/*
#####################################################################

	ファーストビュー用レイアウトモジュール【.firstview-module】

#####################################################################
*/

/* ****************************************************
  ファーストビューモジュール【.firstview-module】
  ***************************************************** */

  .firstview-module{ position: relative;}


  /*画像*/
  .firstview-module section{ position:relative;}
  .firstview-module .filter-brightness-s{ -webkit-filter:brightness(90%); -moz-filter:brightness(90%); -ms-filter:brightness(90%); filter: brightness(90%);}
  .firstview-module .minsizeBox-h-xl{ min-height:520px;}
  .firstview-module .thumbnail img{ min-height:100%;}

  @media all and (-ms-high-contrast:none) {/*IE11ハック*/
  	*::-ms-backdrop, .firstview-module .thum-box {
  		min-height:520px; max-height:80vh;
  	}
  }
  @media all and (-ms-high-contrast:none) {/*IE10ハック*/
  	.firstview-module .thum-box {
  		min-height:520px; max-height:80vh;
  	}
  }

  /*テキスト*/
  .firstview-module .mv-txt {
  	position: absolute; top:0; width:100%; height:100%; color:#FFF !important;
  }

  .firstview-module .mv-txt .head-txt1-EN,
  .firstview-module .mv-txt .head-txt2-EN{ font-family:"overpass-bold",overpass-regular,Helvetica,helvetica,arial, sans-serif;}

  .firstview-module .mv-txt .head-txt1-EN{ font-size:59px; margin-bottom:30px; letter-spacing: -0.01rem;}
  .firstview-module .mv-txt .head-txt2-EN{ font-size:37px; margin-bottom:15px; letter-spacing: 0.01rem;}
  .firstview-module .mv-txt .head-txt2{ font-size:28px; margin-bottom:58px; letter-spacing: -0.06rem;}
  .firstview-module .mv-txt .head-txt3{ font-size:50px; margin-bottom:12px; letter-spacing: -0.05rem;}
  .firstview-module .mv-txt .head-txt4{ font-size:29px; margin-bottom:28px;  letter-spacing: 0.01rem;}

  .firstview-module .mv-txt .head-txt2-EN span{ letter-spacing:-0.24rem;}
  .firstview-module .mv-txt .head-txt2 span{ letter-spacing:-0.24rem;}
  .firstview-module .mv-txt .head-txt3 span{ letter-spacing:-0.01rem;}
  .firstview-module .mv-txt .head-txt3 span.aki{ letter-spacing:0.09rem;}
  .firstview-module .mv-txt .head-txt3 span.aki2{ letter-spacing:0.35rem;}
  .firstview-module .mv-txt .head-txt3 span.overpass{font-family:"overpass-regular",overpass-regular,Helvetica,helvetica,arial, sans-serif;}
  .firstview-module .mv-txt .head-txt4 span{ letter-spacing:-0.15rem;}

  /*sns*/
  .firstview-module .snsBox{ margin-bottom:28px;}
  .firstview-module .snsBox li{ margin: auto 8px;}
  .firstview-module .snsBox .icon-box::before{ font-size:19px;}
  .firstview-module .snsBox .icon-box.icon-size-xs{-ms-transform: scale(1.2)!important; -webkit-transform: scale(1.2)!important; transform: scale(1.2)!important ; }

  @media all and (-ms-high-contrast:none) {/*IE11ハック*/
  	*::-ms-backdrop, .firstview-module .snsBox{ top: -8px;}
  }

  @media all and (-ms-high-contrast:none) {/*IE10ハック*/
  	.firstview-module .snsBox{ top: -8px;}
  }
  @media screen and (-webkit-min-device-pixel-ratio:0) {/* Safari 3以上, Chrome*/
  	.firstview-module .snsBox{ top: -4px;}
  }

  /*スマホ対応*/
  .firstview-module .sp{ height:700px;}
  .firstview-module .sp-img{ display:none;}
  .firstview-module .sp .sp-img{ display:block;}
  .firstview-module .sp .pc-img{ display: none;}


  /*CTAボタン*/
  .firstview-module .absolute-bottom-right {
  	right:65px; bottom:58px;
  }
  .firstview-module .cta-btn{
  	background-color:#FFFFFF;
  	-webkit-transition: 0.4s;
  	-moz-transition: 0.4s;
  	-o-transition: 0.4s;
  	transition: 0.4s;
  }
  .firstview-module .cta-btn a{ padding:20px 12px;}
  .firstview-module .cta-txt img{ width:auto; height:60px;}
  .firstview-module .cta-btn img,
  .firstview-module .cta-btn.cta02 img{ width:auto; height:21px;}
  .firstview-module .cta-btn:hover{
  	-moz-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.3);
  	-webkit-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.3);
  	box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.3);
  }

  @media screen and (max-width : 1420px){
  	.firstview-module .absolute-bottom-right {
  		right:30px;
  	}
  	.firstview-module .cta-btn a{ padding:18px 16px;}
  	.firstview-module .cta-txt{ margin-right:30px;}
  	.firstview-module .cta-btn img,
  	.firstview-module .cta-btn.cta02 img{ width:auto; height:18px;}
  	.firstview-module .cta-txt img{ width:auto; height:55px;}
  }

  @media screen and (max-width : 1250px){
  	.firstview-module .absolute-bottom-right{ right:24px; bottom:40px;}
  	.firstview-module .cta-btn a{ padding:16px 10px;}
  	.firstview-module .cta-txt{ margin-right:25px;}
  	.firstview-module .cta-btn img,
  	.firstview-module .cta-btn.cta02 img{ width:auto; height:16px;}
  	.firstview-module .cta-txt img{ width:auto; height:47px;}
  }


/* ****************************************************
  ファーストビューモジュール02【.firstview-module-02】
  ***************************************************** */

  .firstview-module-02{ position: relative; padding-top: 80px;}

  /*メインビジュアル*/
  .firstview-module-02 .mainvisual{ height:160px; padding:0;}
  .firstview-module-02 .mv_txt{ -webkit-justify-content: flex-start; justify-content: flex-start;}
  .firstview-module-02 .mv_txt-box h2 span{ line-height:1.1 !important;}


/* ****************************************************
  ファーストビューモジュール03【.firstview-module-03】
  ***************************************************** */

  .firstview-module-03{ position: relative;}

  /*画像*/
  .firstview-module-03 section{ position:relative;}
  .firstview-module-03 .filter-brightness-s{ -webkit-filter:brightness(90%); -moz-filter:brightness(90%); -ms-filter:brightness(90%); filter: brightness(90%);}
  .firstview-module-03 .maxsizeBox-h-l { max-height: 80vh; }
  .firstview-module-03 .minsizeBox-h-l{ min-height:400px;}

  .firstview-module-03 .thumbnail img{ min-height:100%;}

  @media all and (-ms-high-contrast:none) {/*IE11ハック*/
  	*::-ms-backdrop, .firstview-module-03 .thum-box {
  		min-height:560px; max-height:82vh;
  	}
  }
  @media all and (-ms-high-contrast:none) {/*IE10ハック*/
  	.firstview-module-03 .thum-box {
  		min-height:560px; max-height:82vh;
  	}
  }

  /*テキスト*/
  .firstview-module-03 .mv-txt .head-txt1-EN,
  .firstview-module-03 .mv-txt .head-txt2-EN{ font-family:"overpass-bold",overpass-bold,Helvetica,helvetica,arial, sans-serif;}

  .firstview-module-03 .mv-txt .head-txt1 span,
  .firstview-module-03 .mv-txt .head-txt1-EN{ font-size:59px; margin-bottom:30px; letter-spacing: -0.01rem;}
  .firstview-module-03 .mv-txt .head-txt1{ font-size:45px; letter-spacing: -0.15rem;}
  .firstview-module-03 .mv-txt .head-txt1 span{ letter-spacing:-0.01rem;}
  .firstview-module-03 .mv-txt .head-txt1 span.vol{ font-size:80%; letter-spacing: 0.05rem;margin-right: 3px;}

  .firstview-module-03 .mv-txt .head-txt2-EN{ font-size:37px; margin-bottom:15px; letter-spacing: 0.01rem;}
  .firstview-module-03 .mv-txt .head-txt2{ font-size:28px; margin-bottom:58px; letter-spacing: -0.06rem;}
  .firstview-module-03 .mv-txt .head-txt2-EN span{ letter-spacing:-0.24rem;}
  .firstview-module-03 .mv-txt .head-txt2 span{ letter-spacing:-0.24rem;}

  .firstview-module-03 .mv-txt span.num{
  	font-size: 115%;
  	vertical-align: top;
  	letter-spacing:0.18rem;
  }



  .firstview-module-03 .mv-txt {
  	position: absolute; top:0; width:100%; height:100%;
  }

  .firstview-module-03 .mv-txt .heading1-EN {
  	font-family: "overpass-regular",overpass-regular,Helvetica,helvetica,arial, sans-serif;
  }


/*
#####################################################################

	CTA用レイアウトモジュール【.cta-module】

#####################################################################
*/

/* ****************************************************
  CTAモジュール01【.cta-module-01】
  ***************************************************** */
  .cta-module-01 .flex-lg-5{ max-width:640px;}

  .cta-module-01 img{margin-top: -64px; max-width:615px;}
  .cta-module-01 .heading9{ font-size:31px; line-height:1; margin-bottom:8px;}
  .cta-module-01 .heading2{ font-size:1.1rem; line-height:1.2;}
  .cta-module-01 .flex-lg-7{ padding-left:15px;}

  @media screen and (max-width : 1420px){
  	.cta-module-01 .margin2-r-s{ margin:0 !important;}
  	.cta-module-01 img{margin-top: -30px;}
  }

  @media screen and (max-width : 1250px){
  	.cta-module-01 img { margin-top: -15px;}
  	.cta-module-01 .heading9{ font-size: 28px; margin-bottom:6px;}
  	.cta-module-01 .heading2 { font-size: 1.08rem; }
  }


/* ****************************************************
  CTAモジュール02【.cta-module-02】
  ***************************************************** */
  .cta-module-02{ padding:25px 0 0;}
  .cta-module-02 .col-box-s{ min-width:200px;}


  .cta-module-02 .heading10{ margin-bottom:8px;}
  .cta-module-02 .sess-ico,
  .cta-module-02 .sess-icotxt{ margin-top:4px;}
  .cta-module-02 .sess-ico{ margin-right:10px; -ms-transform: scale(2.5)!important; -webkit-transform: scale(2.5)!important; transform: scale(2.5)!important ;}

  .cta-module-02 .sess-ico.icon-info-circle{ margin-right:2px; -ms-transform: scale(2)!important; -webkit-transform: scale(2)!important; transform: scale(2)!important ;}


  .cta-module-02 .sess-icotxt{ line-height:1.05;}

  .cta-module-02 .sess-txt{ line-height:1.2;}


  @media screen and (max-width : 1550px){
  	.cta-module-02 .wrapper{ width:1120px;}
  	.cta-module-02 .sess-txt br{ display:none;}
  }

  @media screen and (max-width : 1250px){
  	.cta-module-02 .wrapper{ width:1000px; min-width:1000px;}
  }

/*
#####################################################################

	ライブ配信モジュール【.live-module】

#####################################################################
*/

/*ファーストビューのサイズ変更*/
.live .common-style-01 .thumbnail.minsizeBox-h-xl{ max-height:630px !important;}

/*ライブエリア*/
.live-module{ position:relative; background-color:#000000; border-top: solid 1px #99262a; border-bottom:1px solid #333333;}

.live-module .separate-w-m.margin-tb-m{ margin:40px 0 !important;}



/*
#####################################################################

	エンドモジュール【.end-module】

#####################################################################
*/

.end .end-module{
	position:relative; background-color:#000000; border-top: solid 1px #99262a; border-bottom:1px solid #333333;
	margin-bottom:1px; padding:45px 0 50px;
}

.end .end-module .b_size-l {
	padding: 13px 24px 19px 24px; line-height:1.2 !important
}

.end .end-module .buttonContainer-center li {
	margin: 0 0 10px 25px;
}
.end .end-module .buttonContainer-center li span{ line-height:1.6;}

/*
#####################################################################

	アバウト用レイアウトモジュール【.about-module】

#####################################################################
*/

/* ****************************************************
  アバウトモジュール01【.about-module-01】
  ***************************************************** */

  .about-module-01{ position:relative; overflow:hidden;}

  .about-module-01 .table{ max-width:550px;}
  .about-module-01 .table .t_size-s{ width:10%; width:85px;}
  .about-module-01 .table th,
  .about-module-01 .table td{ padding:0 0 4px 0;}

  .about-module-01 .main-txt{line-height:1.85;}

  .about-module-01 .thumbnail{
  	height: 100%;
  	position: absolute;
  	top: 0;
  	width: 100%;
  }

  .about-module-01 .thumbnail img{ position:relative; margin-left: 154px;}

  /* Safari 3以上, Chrome*/
  @media screen and (-webkit-min-device-pixel-ratio:0) {
  	.about-module-01 .gradation{ background-color:#EE0000;}
  	.about-module-01 .gradation::before, .gradation::after{ left:8px;}
  	.about-module-01 .table th,
  	.about-module-01 .table td{ padding:0 0 8px 0;}
  }

  .about-module-01 .img-tb{ display:none;}

  @media screen and (max-width : 1340px){
  	.about-module-01 .img-pc{ display:none;}
  	.about-module-01 .img-tb{ display:block;}
  	.about-module-01 .thumbnail img{ margin-left: 0px;}
  }

/* ****************************************************
  アバウトモジュール02【.about-module-02】
  ***************************************************** */

  .about-module-02{ position: relative;}

  .about-module-02 .border01-m.padding-s{ padding:30px 34px !important; line-height:1.4;}
  .about-module-02 .right-wrp .heading2{ padding-top:12px; padding-bottom:12px;}
  .about-module-02 .button.b_size-m{ min-width:200px;}

  /*テーマアイコン＆名前*/
  .about-module-02 .thumbnail .heading4{ line-height:1.2; letter-spacing:-0.06rem;}
  .about-module-02 .heading4 span{ letter-spacing:0.04rem;}
  .icon-box.icon-size-l{-ms-transform: scale(3.2)!important; -webkit-transform: scale(3.2)!important; transform: scale(3.2)!important ; }
  .icon-box.icon-size-xl{-ms-transform: scale(3.8)!important; -webkit-transform: scale(3.8)!important; transform: scale(3.8)!important ; }


  @media screen and (min-width : 1651px){
  	.about-module-02 .border01-m.padding-s{height:310px;}
  }
  @media screen and (min-width : 1751px){
  	.about-module-02 .border01-m.padding-s{height:280px;}
  }

  @media screen and (max-width : 1650px){
  	.about-module-02 .border01-m.padding-s{height:380px;}
  }

  @media screen and (min-width:1200px) and ( max-width:1400px) {
  	.about-module-02 .border01-m.padding-s{ padding:25px 29px !important; font-size:0.93rem !important;}
  	.about-module-02 .padding-tb-m.padding-lr-m{ padding:40px 20px 30px !important;}
  	.about-module-02 .border01-m.padding-s{height:315px;}
  }

  @media screen and (max-width : 1199px){
  	.about-module-02 .thumbnail > div:nth-of-type(3){ -ms-flex-order:4; -webkit-order: 4;order:4;}
  	.about-module-02 .thumbnail .padding-lr-m { padding-left: 64px !important; padding-right: 64px !important; }
  	.about-module-02 .border01-m.padding-s{height:250px;}
  }

/*
#####################################################################

	セッション用レイアウトモジュール【.session-module】

#####################################################################
*/

/* ****************************************************
  セッションモジュール01【.session-module-01】
  ***************************************************** */

  .session-module-01{ position: relative;}

  .session-module-01 .position-center.wrapper {
  	max-width: 1200px;
  	min-width: 1120px;
  }

  .session-module-01 .technical-wrp.wrapper{max-width:1192px;}

  .session-module-01.gradation::before{ background-color:#820000;}
  .session-module-01.gradation::after{ left:-155px;}

  @media screen and (-webkit-min-device-pixel-ratio:0) {/* Safari 3以上, Chrome*/
  	.session-module-01.gradation::after{ left:-147px;}
  }

  @media screen and (max-width : 1340px){
  	.session-module-01.gradation::after{ left:-780px; width:2500px}
  }

  @media screen and (max-width : 1199px){
  	.session-module-01.gradation::after{ left: -1015px;
  		/*-webkit-transform: skew(-44deg) !important; -ms-transform: skew(-44deg) !important; transform: skew(-44deg) !important;*/
  	}

  }

  .session-module-01 .position-center.wrapper{}


  /*サムネール*/
  .session-module-01 .thumbnail.t_gutter-l{ margin:auto -40px !important;}
  .session-module-01 .thumbnail.t_gutter-l .thum-box a{ margin:40px !important; margin-bottom:15px !important;}

  @media screen and (max-width : 1199px){
  	.session-module-01 .thumbnail.t_gutter-l{ margin:auto -22px !important;}
  	.session-module-01 .thumbnail.t_gutter-l .thum-box a{ margin:22px !important;}
  }

  /*アイコン*/
  .session-module-01 .thumbnail .thum-box .icon-box{ width:40px; height:40px;}
  .session-module-01 .thumbnail .thum-box .icon-box::before,
  .session-module-01 .thumbnail .thum-box .icon-box::after { left: 20px; top: 14px; }


  /*キャプション*/
  .session-module-01 .thumbnail .thum-box .padding-tb-s{ padding: 30px 0 30px 0 !important}
  #TOP .session-module-01 .thumbnail .thum-box .padding-tb-s{ padding: 30px 0 50px 0 !important}
  .session-module-01 .thumbnail .thum-box h2 span{ letter-spacing:-0.16rem;line-height: 1.3;}
  .session-module-01 .thumbnail .katagaki{ line-height:1.2;}
  .session-module-01 .thumbnail .katagaki span{ letter-spacing:-0.09rem;}


  /*ホバー時の設定*/
  .session-module-01 .thumbnail .img-box{ overflow:hidden;}
  .session-module-01 .thumbnail .thum-box a:hover{ filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;}
  .session-module-01 .thumbnail .thum-box img,
  .session-module-01 .thumbnail .thum-box .bg-white{ -webkit-transition:400ms 0s; -moz-transition:400ms 0s; transition:400ms 0s; }
  .session-module-01 .thumbnail .thum-box a:hover img{ -ms-transform: scale(1.04); -webkit-transform: scale(1.04); transform: scale(1.04); }
  .session-module-01 .thumbnail .thum-box a:hover .bg-white{ background-color:#1a1a1a !important; color:#FFFFFF !important;}

  /*テクニカルキーノート*/
  .session-module-01 .technical-wrp img{ max-width:300px;}


  /*スポンサー*/
  .sponsor-module-01 .separate-w-full{ margin:0 !important; display: block !important;}

/* ****************************************************
  セッションモジュール02【.session-module-02】
  ***************************************************** */

  .session-module-02{
  	position:relative;
  	max-width:1100px;
  }
  /*名前と肩書きエリア*/
  .session-module-02 .top-wrp h2{ margin-bottom:4px;}
  .session-module-02 .top-wrp p{ line-height:1.7;}

  .session-module-02 .separate-w-s{ margin-top:8px;}
  .session-module-02 .margin2-r-s { margin-right: 14%; }
  .session-module-02 .thumbnail img { height: auto !important; }


/* ****************************************************
  セッションモジュール03【.session-module-03】
  ***************************************************** */

  .session-module-03 .td{ line-height:1.3; padding:18px 10px;}

  .session-module-03 .tr{ min-height:80px;}

  @media screen and (max-width : 479px){
  	.session-module-03 .tr{ min-height: 66px;}
  }

/* ****************************************************
  セッションカラー【.session-color】
  ***************************************************** */


  #SESS .sess-list .table td.sess_color,
  #SESS .sess-list .table td.sess_color-cloud,
  #SESS .sess-list .table td.sess_color-container,
  #SESS .sess-list .table td.sess_color-application,
  #SESS .sess-list .table td.sess_color-auto{ position:relative;}

  .sess_color-cloud{ position:relative;}


  /*IT自動化と運用管理*/
  .sess_color-auto .sess-txt{ color:#006c7e !important;}
  .sess_color-auto .sess-ico{ color:#006c7e !important;}
	.sess_color-auto .sess-room{ color:#006c7e !important;}
  .sess_color-auto .sess-bg{ background-color:#007c91 !important;}
  .sess_color-auto .sess-bd{ border-color:#007c91 !important;}
  .sess_color-auto .sess-bg-dark{ background-color:#006c7e !important;}
  .sess_color-auto a{text-decoration-color:#006c7e !important;}


  /*クラウドネイティブアプリケーション基盤*/
  .sess_color-application .sess-txt{ color:#84ac2e !important;}
  .sess_color-application .sess-ico{ color:#84ac2e !important;}
	.sess_color-application .sess-room{ color:#84ac2e !important;}
  .sess_color-application .sess-bg{ background-color:#97c730 !important;}
  .sess_color-application .sess-bd{ border-color:#97c730 !important;}
  .sess_color-application .sess-bg-dark{ background-color:#84ac2e !important;}
  .sess_color-application a{text-decoration-color:#84ac2e !important;}

    /*ハイブリッドクラウド基盤*/
    .sess_color-cloud .sess-txt{ color:#c81124 !important; }
    .sess_color-cloud .sess-ico{ color:#c81124 !important;}
  	.sess_color-cloud .sess-room{ color:#c81124 !important;}
    .sess_color-cloud .sess-bg{ background-color:#e21227 !important;}
    .sess_color-cloud .sess-bd{ border-color:#e21227 !important;}
    .sess_color-cloud .sess-bg-dark{ background-color:#c81124 !important;}
    .sess_color-cloud a{text-decoration-color:#c81124 !important;}

  /*その他*/
  .sess_color .sess-txt{ color:#1a1a1a !important;}
  .sess_color .sess-txt-red{ color:#EE0000 !important;}
  .sess_color .sess-ico{ color:#cc0001 !important;}
  .sess_color .sess-bg{ background-color:#cc0001 !important;}
  .sess_color .sess-bg-dark{ background-color:#EE0000 !important;}
  .sess_color a{text-decoration-color:#1a1a1a !important;}

  .sess_color- .sess-txt{ color:#1a1a1a !important;}
  .sess_color- .sess-txt-red{ color:#EE0000 !important;}
  .sess_color- .sess-ico{ color:#cc0001 !important;}
  .sess_color- .sess-bg{ background-color:#cc0001 !important;}
  .sess_color- .sess-bg-dark{ background-color:#EE0000 !important;}
  .sess_color- a{text-decoration-color:#1a1a1a !important;}

  /*各カテゴリロゴ付きのタイトルのパーツ*/
  .sess_color-cloud .icon-before,
  .sess_color-application .icon-before,
  .sess_color-auto .icon-before {
  	width: 61px;
  	margin-right: 19px;
  }

  .sess_color-cloud .icon-before + span,
  .sess_color-application .icon-before + span,
  .sess_color-auto .icon-before + span {
  	font-family:"overpass-bold",overpass-regular,Helvetica,helvetica,arial, sans-serif;
  }


/*
#####################################################################

	スポンサー用レイアウトモジュール【.sponsor-module】

#####################################################################
*/

/*.sponsor-module-01 .t_no-border table{ margin-top:0 !important;}*/
.sponsor-module-01 .th{ padding:20px 10px;}
.sponsor-module-01 .td{ padding:40px 50px;}

.sponsor-module-01 .gold .thumbnail.wrp01{ max-width:1070px; margin:auto;}
.sponsor-module-01 .gold .thumbnail.wrp02{ max-width:860px; margin:auto;}
.sponsor-module-01 .silver .thumbnail{ max-width:840px; margin:auto;}
.sponsor-module-01 .lunch .thumbnail{ max-width:840px; margin:auto;}
.sponsor-module-01 .bronze .thumbnail{ max-width:1220px; margin:auto;}
/*.sponsor-module-01 .media .thumbnail{ max-width:1000px; margin:auto;}*/



.sponsor-module-01.gradation::after{ -webkit-transform: skew(-30deg); -ms-transform: skew(-30deg); transform: skew(-30deg);}

/*
#####################################################################

	アクセス用レイアウトモジュール【.access-module】

#####################################################################
*/

/* ****************************************************
  アクセスモジュール01【.access-module-01】
  ***************************************************** */

  .access-module-01 .maxsizeBox-h-xl,
  .access-module-01 .maxsizeBox-h-xl img{ min-height:400px;}

/* ****************************************************
  グーグルマップ【.googleMap】
  ***************************************************** */

  .googleMap{}


/*
#####################################################################

	コンタクト用レイアウトモジュール【.contact-module】

#####################################################################
*/

/* ****************************************************
  コンタクトモジュール01【.contact-module-01】
  ***************************************************** */


  .contact-module-01{}

  .contact-module-01 .buttonContainer-left{ width:100%; padding-right: 9px;}
  .contact-module-01 .buttonContainer-left li{ margin: auto -2px;}


  .contact-module-01 .snsBox .icon-box::before{ font-size:19px;}

  .contact-module-01 .p1-EN.small1{ letter-spacing:0.02rem;}


  .contact-module-01 .heading4-EN{ font-family:"overpass-bold",overpass-regular,Helvetica,helvetica,arial, sans-serif;}


/*
#####################################################################

	ナビゲーション用レイアウトモジュール【.navigation-module】

#####################################################################
*/

/* ****************************************************
  ナビゲーションモジュール01【.navigation-module-01】
  ***************************************************** */

  .navigation-module-01{ position:relative;}
  .navigation-module-01 .td{position:relative; padding:0 !important; line-height:1.2;}

  /*リンクエリア*/
  .navigation-module-01 a{ height:100px; padding:0 118px;}
  .navigation-module-01 a:hover{
  	-moz-box-shadow: 0px 4px 8px rgba(0,0,0,0.15);
  	-webkit-box-shadow: 0px 4px 8px rgba(0,0,0,0.15);
  	box-shadow: 0px 4px 8px rgba(0,0,0,0.15);

  	filter: alpha(opacity=100);
  	-moz-opacity:1.0;
  	opacity:1.0;
  }


  /*アイコン*/
  .navigation-module-01 .icon-box{
  	position:absolute;
  	left:54px; top:31%;
  	font-size:1.6rem;
  	line-height:10px;
  	-ms-transform: scale(1.6)!important; -webkit-transform: scale(1.6)!important; transform: scale(1.6)!important ;
  }

  .navigation-module-01 .icon-box.icon-cloud{-ms-transform: scale(1.7)!important; -webkit-transform: scale(1.7)!important; transform: scale(1.7)!important ;}
  .navigation-module-01 .icon-box.icon-container{-ms-transform: scale(1.85)!important; -webkit-transform: scale(1.85)!important; transform: scale(1.85)!important ;}

  .navigation-module-01 .icon-box.icon-angle-right{
  	left:auto; right:50px;
  	-ms-transform: scale(0.95)!important; -webkit-transform: scale(0.95)!important; transform: scale(0.95)!important ;
  }
  .navigation-module-01 .icon-box.icon-angle-right::before{ margin-left:3px;}

/* ****************************************************
  ナビゲーションモジュール02【.navigation-module-02】
  ***************************************************** */

  .navigation-module-02{ position:relative;}
  .navigation-module-02 .td{position:relative; padding:0 !important; line-height:1.2;}

  /*リンクエリア*/
  .navigation-module-02 a{ height:75px; padding-left:55px !important;}

  .navigation-module-02 a:hover{
  	-moz-box-shadow: 0px 4px 8px rgba(0,0,0,0.15);
  	-webkit-box-shadow: 0px 4px 8px rgba(0,0,0,0.15);
  	box-shadow: 0px 4px 8px rgba(0,0,0,0.15);

  	filter: alpha(opacity=100);
  	-moz-opacity:1.0;
  	opacity:1.0;
  }


  /*アイコン*/
  .navigation-module-02 .icon-box{
  	position:absolute;
  	left:15px; top:26%;
  	font-size:1.8rem;
  	line-height:10px;
  }

  .navigation-module-02 .icon-box::before{ margin-left:2px;}

  .navigation-module-02 .icon-box{
  	-ms-transform: scale(0.65)!important; -webkit-transform: scale(0.65)!important; transform: scale(0.65)!important;
  }



/*
#####################################################################

	トップページ【#TOP】

#####################################################################
*/

#TOP{}

#TOP #OUTLINE span.heading1{
	display: block;
	font-size: 1.7rem;
}


#TOP #OUTLINE .heading10-EN .heading1 {
	font-family:"游ゴシック","YuGothic","overpass-regular",overpass-regular,Helvetica,helvetica,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",arial, sans-serif;
}

#TOP #ABOUT{
	background: url("../img/top/bg-gaiyou.jpg") right 0 no-repeat;
	background-size: cover;
}

#TOP #ABOUT .wrapper h2{ font-size:60px !important;}
#TOP #ABOUT .wrapper h3{ font-size:40px !important;}

#TOP #ABOUT .heading8 {
	letter-spacing: 0.13rem;
}

#TOP #SESSION .head {
	background-image: linear-gradient(97deg, #991421, #df2232);
}
#TOP #SESSION .body {
	position: relative;
	overflow: hidden;
	z-index: 0;
}
#TOP #SESSION .body:after {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 50%;
	width: 3400px;
	height: 100%;
	transform: translateX(-50%);
	background: url(../img/common/bg-02.jpg) 0 0 no-repeat;
	background-size: cover;
}
#TOP #SESSION .thumbnail.t_gutter-l > div {
	width: 22.6%;
}
#TOP #SESSION .thumbnail.t_gutter-l > div:nth-of-type(n+2) {
	margin-left: 1%;
}
#TOP #SESSION .thumbnail.t_gutter-l .thum-box a {
	margin: 0!important;
}
#TOP #SESSION .thumbnail.t_gutter-l .thum-box a:hover {
	background-color: #000!important;
}
#TOP #SESSION .thumbnail.t_gutter-l .thum-box a:hover h2,
#TOP #SESSION .thumbnail.t_gutter-l .thum-box a:hover p {
	color: #fff;
}
#TOP #SESSION .thumbnail.t_gutter-l .thum-box .img-box {
	width: 86.666%;
	margin: 0 auto;
	padding-top: 20px;
}
#TOP #SESSION .special {
	background: rgba(0,0,0,.2);
}
/*#TOP #SESSION .thumbnail h2 {
    margin-bottom: 10px;
	line-height: 1.25;
	}*/
	#TOP #SESSION .thumbnail h2 {
		margin-bottom: 30px;
		margin-top: 10px;
	}

	#TOP #SESSION .thumbnail .heading13 {
		line-height: 1.2;
		margin-bottom: 10px;
	}

	#TOP #CATEGORY .top-category .flexbox > div {
		width: 31.05%;
	}
	#TOP #CATEGORY .top-category .inner {
		border: 2px solid #000;
		height: 100%;
	}
	#TOP #CATEGORY .top-category .head {
		min-height: 93px;
	}
	#TOP.ie11 #CATEGORY .top-category .head {
		min-height: auto;
		min-height: none;
		min-height: initial;
		padding: 16px 0;
	}
	#TOP #CATEGORY .top-category .icon {
		width: 65px;
		margin-right: 13px;
	}
	#TOP #CATEGORY .top-category .text {
		line-height: 1.13;
	}
	@media screen and (max-width: 1280px) {
		#TOP #CATEGORY .top-category .head {
			font-size: 1.1rem;
		}
	}
	@media screen and (max-width: 1400px) {
		#TOP #SESSION .thumbnail .heading8 {
			font-size: 1.8rem;
		}
	}

	#TOP #SPONSOR .head {
		background-image: linear-gradient(97deg, #991421, #df2232);
	}
	#TOP #SPONSOR .flex-table {
		border: none;
	}
	#TOP #SPONSOR .flex-table .th {
		border-bottom: none;
		background-color: rgba(0,0,0,.5);
	}
	#TOP #SPONSOR .flex-table .tr {
		border-top: none;
		border-right: none;
	}
	#TOP #SPONSOR .flex-table .td img {
		max-width: 100%;
	}
	#TOP #SPONSOR .inner {
		position: relative;
		text-align: center;
	}
	#TOP #SPONSOR .linkInner {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
	}
	#TOP #SPONSOR .linkBlock {
		height: 100%;
		background-color:#FFFFFF;
		filter:alpha(opacity=0);
		-moz-opacity: 0;
		opacity: 0;

		-webkit-transition: all 250ms ease 0s;
		transition: all 250ms ease 0s;
	}
	#TOP #SPONSOR .linkBlock:hover{
		filter: alpha(opacity=40);
		-moz-opacity:0.4;
		opacity:0.4;
	}

/*#TOP #SPONSOR .linkBlock:nth-of-type(n+2) {
    margin-left: 118px;
    }*/
    #TOP #SPONSOR .gold .linkBlock:nth-of-type(n+2) {
    	margin-left: 41px;
    }
    #TOP #SPONSOR .bronze .linkBlock:nth-of-type(n+2) {
    	margin-left: 79px;
    }

    #TOP #SPONSOR .linkBlock a {
    	display: block;
    	width: 100%;
    	height: 100%;
    }
/*#TOP #SPONSOR .linkBlock a:before {
    position: absolute;
    content: "";
    width: 102%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    transition: opacity 300ms;
    background-color: rgba(255,255,255,.4);
    }*/
    #TOP #SPONSOR .linkBlock a:hover:before {
    	opacity: 1;
    }
    #TOP #SPONSOR .linkBlock.hewlett {
    	width: 232px;
    }
    #TOP #SPONSOR .linkBlock.microsoft {
    	width: 270px;
    }
    #TOP #SPONSOR .linkBlock.arista {
    	width: 151px;
    }
    #TOP #SPONSOR .linkBlock.scsk {
    	width: 111px;
    }
    #TOP #SPONSOR .linkBlock.juniper {
    	width: 132px;
    }
    #TOP #SPONSOR .linkBlock.intel {
    	width: 183px;
    }
    #TOP #SPONSOR .linkBlock.hitachi {
    	width: 153px;
    }
    #TOP #SPONSOR .linkBlock.ntt {
    	width: 180px;
    }
    #TOP #SPONSOR .linkBlock.edb {
    	width: 102px;
    }
    #TOP #SPONSOR .linkBlock.cisco {
    	width: 112px;
    }
    #TOP #SPONSOR .linkBlock.dis {
    	width: 200px;
    }
    #TOP #SPONSOR .linkBlock.jbs {
    	width: 81px;
    }

    /*メディアスポンサー*/

    #TOP #SPONSOR .media .inner{
    	position: relative;
    	width: 860px;
    }
    #TOP #SPONSOR .media .linkBlock {
    	position: absolute;
    	height: 60px;
    }
    #TOP #SPONSOR .linkBlock.itleaders {
    	width: 150px;
    	left: 0px;
    }
    #TOP #SPONSOR .linkBlock.atmarkit {
    	width: 120px;
    	left: 200px;
    }
    #TOP #SPONSOR .linkBlock.ez{
    	width: 90px;
    	left: 390px;
    }
    #TOP #SPONSOR .linkBlock.hyoronsya{
    	width: 160px;
    	left: 540px;
    }
    #TOP #SPONSOR .linkBlock.crowdwatch {
    	width: 110px;
    	left: 750px;
    }
    #TOP #SPONSOR .linkBlock.bcn {
    	width: 120px;
    	top: 90px;
    	left: 100px;
    }
    #TOP #SPONSOR .linkBlock.thinkit {
    	width: 120px;
    	top: 90px;
    	left: 280px;
    }
    #TOP #SPONSOR .linkBlock.techtarget {
    	width: 100px;
    	top: 90px;
    	left: 460px;
    }
    #TOP #SPONSOR .linkBlock.mynavi {
    	width: 190px;
    	top: 90px;
    	left: 620px;
    }

    #TOP .modal .image {
    	width: 280px;
    	margin-right: 70px;
    }
    #TOP .modal .content {
    	width: calc(100% - 350px);
    }
    #TOP .modal h2 {
    	font-size: 38px;
    }
    #TOP .modal .p1 {
    	font-size: 17px;
    }
    #TOP .modal .p3 {
    	font-size: 17px;
    }

    #TOP #CONTACT .icon-facebook:before,
    #TOP #CONTACT .icon-twitter:before {
    	font-size: 21px;
    }
    #TOP #CONTACT .buttonContainer-left li {
    	margin: auto 2px;
    }
    #TOP #CONTACT.contact-module-01 .col-box-m {
    	width: 240px;
    }



/*
#####################################################################

    ファーストビュー用レイアウトモジュール【.firstview-module】

#####################################################################
*/

/* ****************************************************
  ファーストビューモジュール【.firstview-module】
  ***************************************************** */

  .firstview-module{ position: relative;}


  /*画像*/
  .firstview-module section{ position:relative;}
  .firstview-module .thumbnail img{ min-height:100%;}

  @media all and (-ms-high-contrast:none) {/*IE11ハック*/
  	*::-ms-backdrop, .firstview-module .thum-box {
  		min-height:520px; max-height:80vh;
  	}
  }
  @media all and (-ms-high-contrast:none) {/*IE10ハック*/
  	.firstview-module .thum-box {
  		min-height:520px; max-height:80vh;
  	}
  }

  /*テキスト*/
  .firstview-module .mv-txt {
  	position: absolute; top:0; width:100%; height:100%; color:#FFF !important;
  }
  .firstview-module .mv-txt .wrapper{ width:1460px;margin-top: 105px;}

  .firstview-module .mv-txt h2{ margin-bottom:100px; }

  .firstview-module .mv-txt h2 span{
  	display: block;
  	line-height: 1.5;
  }

  .firstview-module .mv-txt h2 .upper{
  	font-size: 60px;
  }

  .firstview-module .mv-txt h2 .lower{
  	font-size: 24px;
  	margin-top: 10px;
  }

  /*スマホ対応*/
  .firstview-module .sp{ height:700px;}
  .firstview-module .sp-img{ display:none;}
  .firstview-module .sp .sp-img{ display:block;}
  .firstview-module .sp .pc-img{ display: none;}

  @media screen and (max-width : 1420px){
  	.firstview-module .absolute-bottom-right {
  		right:30px;
  	}
  }

  @media screen and (max-width : 1250px){
  	.firstview-module .absolute-bottom-right{ right:24px; bottom:40px;}
  }


/* ****************************************************
  「アイデアソン開催!」コンテンツ箇所【.ideathon-area】
  ***************************************************** */

  .ideathon-area { padding-top: 43px; padding-bottom: 62px;}

  .ideathon-image { padding-right: 20px;}

  .ideathon-content { padding-top: 32px;}

  .ideathon-content .caption { display: block; letter-spacing: .1rem;margin-bottom: 5px;}

  .ideathon-content-title { margin-bottom: 25px;}

  .ideathon-content-text { line-height: 1.7; margin-bottom: 30px;}

/*
#####################################################################

    アバウト用レイアウトモジュール【.about-module】

#####################################################################
*/

/* ****************************************************
  アバウトモジュール01【.about-module-01】
  ***************************************************** */

  .about-module-01{ position:relative; overflow:hidden;}

  .about-module-01 .col-box-s{ width:225px;}

  .about-module-01 .table{ max-width:550px;}
  .about-module-01 .table .t_size-s{ width:18%; min-width:85px;}
  .about-module-01 .table th,
  .about-module-01 .table td{ padding:0 0 4px 0;}


  /* Safari 3以上, Chrome*/
  @media screen and (-webkit-min-device-pixel-ratio:0) {
  	.about-module-01 .table th,
  	.about-module-01 .table td{ padding:0 0 8px 0;}
  }


/*
#####################################################################

    セッション【#SESS】

#####################################################################
*/

/*三つのカテゴリ*/

#SESS .category-section .alignCenter {
	display: block;
	transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
	box-sizing: border-box;

	border-radius: 3px;
	background-color:#FFF;
	border: 2px solid;
	letter-spacing: 0;


}
#SESS .category-section .inner div{
	white-space: nowrap;
	text-align: left;
	padding: 5px 20px 20px;
}
#SESS .category-section .inner div> img {
	width: auto;
	    vertical-align: initial;
	height: 50px;
	display: inline-block;
  margin-right: 10px;
}
@media screen and (max-width: 497px) {
  #SESS .category-section .inner div> img {
    margin-right: 4px;
  }
  #SESS .category-section .inner div{
  	white-space: nowrap;
  	text-align: left;
  	padding: 0px 20px 10px;
  }
  #SESS .category-section .inner div .margin-t-xs {
      margin-top: 13px !important;
}
}
#SESS .category-section .inner div> p {
	text-align: left;
	display: inline-block;
	font-size: 24px;
}
#SESS .category-section .inner > span {
	display: inline-block;
		padding: 20px 20px 30px !important;
		text-align: left;
}
#SESS .category-section .lead {
	line-height: 1.34;
}
#SESS .category-modal .title {
	padding-left: 75px;
	background-size: 65px;
	background-position: 0 center;
	background-repeat: no-repeat;
	line-height: 1.07;
	min-height: 56px;
}
#SESS .category-modal .title.hybrid {
	background-image: url(../img/sess/icon_hybrid_table.svg);
	color: #E21227;
}
#SESS .category-modal .title.app {
	background-image: url(../img/sess/icon_app_table.svg);
	color: #97C730;
}
#SESS .category-modal .title.automation {
	background-image: url(../img/sess/icon_automation.svg);
	color: #007C91;
	background-size: 64px;
}
@media all and (-ms-high-contrast:none){
	#SESS .category-modal .title {
		background-size: 190px;
		background-position-x: -60px;
	}
	#SESS .category-modal .title.app {
		background-size: 250px;
		background-position-x: -90px;
	}
	#SESS .category-modal .title.automation {
		background-size: 250px;
		background-position-x: -90px;
	}
}

/*八つのキーワード*/
.keyword-section .cassette {
	box-sizing: border-box;
	min-height: 74px;
	font-size: 17px;
	font-weight: bold;
	line-height: 1.24;
	letter-spacing: -0.4px;
	color:#EE0000;
	border: solid 1px #EE0000;
	border-radius: 3px;
	transition: .3s;
}

.keyword-section.bumon .cassette {
	width: 100%;
}
.keyword-section .cassette:nth-of-type(n+5) {
	margin-top: 20px;
}

.margin-t-l .keyword-section .cassette {
	border: solid 1px #FFF;
}
.margin-t-l .keyword-section .cassette.bg-white:hover{
	background-color: rgba(255,255,255,0) !important;
}
.margin-t-l .keyword-section .cassette.colorWhite:hover {
	border: solid 1px #FFF;
	background-color: #FFF;
	color: #EE0000 !important;
}

@media screen and (max-width: 1280px) {
	.keyword-section .cassette {
		font-size: 17px;
	}
}
.keyword-section .cassette.text-nowrap {white-space: nowrap;}
.regist{
	width: 720px;
	margin: 60px auto 0;
}

.regist a{
	 font-size: 21px !important;
	 transition: 0.3s;
}
.regist a.bg-red{
	color: #FFF;
}
.regist a::before{
	content:"\f234";
	display: inline-block;
	font-family: "FontAwesome";
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	text-transform: none;
	vertical-align: middle;
	margin-right: 5px;

}
.regist a.bg-red:hover{
	color:#EE0000 !important;
	background-color: #FFF !important;
}
.regist a.bg-white:hover{
	color:#FFF !important;
	background-color: #EE0000 !important;
}
.regist a:last-child::before{
	content:  "\f007";
}


/*セッション概要*/
#SESS .sess-verview{ line-height:1.5;}


#SESS #filter{
	padding:0 30px;
	box-sizing: border-box;
	height: auto !important;
}

#SESS #filter .upper{
	border-radius: 3px;
}
/*絞り込み*/
#SESS .category-filter .title {
	width: 260px;
}
#SESS .category-filter .content {
	width: calc(100% - 260px);
}
#SESS .category-filter .content label {
	display: inline-block;
	margin-right: 15px;
	margin-bottom: 10px;
	cursor: pointer;
}
#SESS .category-filter .content span {
	padding-left: 25px;
	position: relative;
	white-space: nowrap;
}
#SESS .category-filter .content span:before {
	content: "";
	box-sizing: border-box;
	position: absolute;
	top: -1px;
	left: 0;
	width: 18px;
	height: 18px;
	font-size: 12px;
	font-weight: 400;
	border-radius: 3px;
	border: 1px solid #CCCCCC;
	background-color: #fff;
}
@supports (-ms-ime-align: auto) {
	/* Edge */
	#SESS .category-filter .content span:before {
		top: 2px;
	}
}




#SESS .category-filter .content input:checked + span {
	color: #EE0000;
}
#SESS .category-filter .content input:checked + span:before {
	background-color: #EE0000;
	border: 1px solid #EE0000;
}
#SESS .category-filter .content input:checked + span:after {
	content: "\f00c";
	position: absolute;
	font-family: 'FontAwesome';
	left: 3px;
	top: 2px;
	color: #fff;
	font-size: .8rem;
}
@supports (-ms-ime-align: auto) {
	/* Edge */
	#SESS .category-filter .content input:checked + span:after {
		top: 5px;
	}
}
#SESS .category-filter .content input {
	display: none;
}
#SESS .category-filter .category-child:nth-of-type(n+2) {
	margin-left: 30px;
}
#SESS .category-filter .category-child a {
	display: block;
	padding-left: 55px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-repeat: no-repeat;
	background-position: 0 center;
	background-size: 50px;
	line-height: 1.19;
}
#SESS .category-filter .category-child.hybrid a {
	color: #c81124;
	background-image: url(../img/sess/icon_hybrid_table.svg);
}
#SESS .category-filter .category-child.app a {
	color: #84ac2e;
	background-image: url(../img/sess/icon_app_table.svg);
}
#SESS .category-filter .category-child.automation a {
	color: #006c7e;
	background-image: url(../img/sess/icon_automation_table.svg);
	background-size: 43px;
}
@media all and (-ms-high-contrast:none){
	#SESS .category-filter .category-child.hybrid a {
		background-size: 80px;
		background-position-x: -17px;
	}
	#SESS .category-filter .category-child.app a {
		background-size: 135px;
		background-position-x: -38px;
	}
	#SESS .category-filter .category-child.automation a {
		background-size: 80px;
		background-position-x: -17px;
	}
}
#SESS .category-filter .lower {
	transition: all 0.2s ease 0s;
	transform: translateY(-100%);
	visibility: hidden;
	backface-visibility: hidden;
	cursor: pointer;
}
#SESS .category-filter .lower:hover {
	opacity: .9;
}
#SESS .category-filter .lower span {
	position: relative;
	display: block;
	width: 265px;
	padding: 17px 0 17px 33px;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16);
}
#SESS .category-filter .lower span:before {
	top: 26px;
	right: 30px;
	left: auto;
}
#SESS .category-filter .lower span:after {
	top: 26px;
	right: 30px;
	left: auto;
}
#SESS .category-filter .lower span:after,
#SESS .category-filter .lower span:before {
	transition: all 400ms ease 0s;
}
#SESS .category-filter .lower span.active:before{
	opacity: 0;
}
#SESS .category-filter.fixed {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 9;
}
#SESS .category-filter.stable .upper {
	display: block!important;
}
#SESS .category-filter.fixed .upper {
	display: none;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16);
}
#SESS .category-filter.fixed .lower {
	visibility: visible;
	transform: translateY(0);
}


/*セッションタグ*/
#SESS .sess-tag li{ margin-right:5px; margin-bottom:5px; padding:2px 8px;}
#SESS .sess-tag li:last-child{ margin-right:0;}

@media all and (-ms-high-contrast:none) {/*IE11ハック*/
	*::-ms-backdrop, #SESS .sess-tag li{  padding:4px 8px 0px 8px;}
}

@media all and (-ms-high-contrast:none) {/*IE10ハック*/
	#SESS .sess-tag li{  padding:4px 8px 0px 8px;}
}

/*セッション一覧*/
#SESS .sess-list{
	background: url("../img/sess/bg_sc.jpg") ;
	background-size: cover;
	padding-top: 50px;
}
#SESS .sess-end{
	background: url("../img/sess/bg_end.jpg") ;
	background-size: cover;
}
#SESS .sess-end .rsegist{
	width: 700px;
	margin: 0 auto;
}
#SESS .sess-list> .flexContent-spaceBetween{
	color: #FFF;
}
#SESS .sess-list>.flexContent-spaceBetween h3{
	font-size: 38px;
	text-indent: 30px;
}
#SESS .sess-list>.flexContent-spaceBetween .p2{
	font-size: 18px;
	margin-right: 30px;
}

#SESS .sess-list .p2 .icon-cutlery::before{ margin-right:12px; -ms-transform: scale(1.3)!important; -webkit-transform: scale(1.3)!important; transform: scale(1.3)!important ;}
#SESS .sess-list .p2 .icon-headphones::before{margin-right:12px; -ms-transform: scale(1.6)!important; -webkit-transform: scale(1.6)!important; transform: scale(1.6)!important ;}

#SESS .padding-tb-xl.wrapper .buttonContainer-center li:first-child{ margin-left:9px !important;}

@media screen and (max-width : 479px){
	#SESS .padding-tb-xl.wrapper .buttonContainer-center li:first-child{ margin-left:0!important;}
}
@media screen and (min-width : 479px){
#SESS .sess-list .table th.t_color-black{
pointer-events: none;
}
#SESS .sess-list .table td.active{
	display: table-cell !important;
}
}

#SESS .sess-list .table th.t_color-black{margin-top: 30px !important;padding-left:0; padding-right:0; text-align:center; font-size: 18px;letter-spacing: 0.06em;}
#SESS .sess-list .table .small3{ line-height:1; margin:4px 0;}
#SESS .sess-list .table .room td{ text-align:center;}
#SESS .sess-list .table .small2.bold2{ margin-bottom:6px;}
#SESS .sess-list .table .sess-txt{ margin-bottom:7px; /*display: inline-block;*/clear: both; font-size: 16px}
#SESS .sess-list .table .room td{ padding-left:0; padding-right:0;}
#SESS .sess-list .table td a{ display:block; width:100%; height:100%;}

#SESS .sess-list .table td .alert{ width:100%; letter-spacing: 0.04rem; padding: 9px 6px 7px;margin-top: 1px; }
#SESS .sess-list .table td .alert.border01-m{ padding:7px 6px 5px;}

#SESS .sess-list .table td .join{ bottom: 30px;width: 100%;z-index: 20; background-color: #ABABAB;-webkit-transition: all 300ms;
	-o-transition: all 300ms;
	transition: all 300ms;}
	#SESS .sess-list .table td .info{ position: absolute;/*bottom: 0;*/ bottom:-1px; width: 100%;left: 0;}

	#SESS .general .alert {
		margin-bottom: 1px!important;
	}
	#SESS .general .join {
		margin-bottom: 1px!important;
	}
	#SESS .join label {
		padding: 8px 0;
		display: inline-block;
		width: 100%;
		cursor: pointer;
	}
	#SESS .join span {
		padding-left: 19px;
		position: relative;
		white-space: nowrap;
	}
	#SESS .join span:before {
		content: "";
		box-sizing: border-box;
		position: absolute;
		top: 1px;
		left: 0;
		width: 13px;
		height: 13px;
		border: 1px solid #9b0d09;
		background-color: #fff;
	}

	#SESS .sess-list .table td .join.active {
		background-color: #cc0000;
	}
	#SESS .join input:checked + span {
		/*color: #EE0000;*/
	}
	#SESS .join input:checked + span:before {
		background-color: #cc0000;
		border-color: #cc0000;
	}
	#SESS .join input:checked + span:after {
		content: "\f00c";
		position: absolute;
		font-family: 'FontAwesome';
		left: 2px;
		top: 2px;
		color: #fff;
		font-size: .6rem;
	}
	#SESS .join input {
		display: none;
	}
	#SESS.edge .join input:checked + span:after {
		top: 5px;
		left: 1px;
	}
	#SESS.edge .join span:before {
		top: 4px;
	}
	#SESS.windows.firefox .join input:checked + span:after {
		top: 5px;
		left:2px;
	}
	#SESS.windows.firefox .join span:before {
		top: 4px;
	}

	#SESS .sess-list .tatesen{ display:none;}
	#SESS .margin-t-l{font-size: 20px;}
	#SESS .margin-t-l span{font-size: 22px}
	#SESS .sess-list .table td.general{ padding:60px 15px 80px 40px !important;}
	#SESS .sess-list .table td.general .heading6-EN{letter-spacing:0.06rem;}
	#SESS .sess-list .table td.general .heading2{ letter-spacing:-0.09rem; line-height:1.3;}
	#SESS .sess-list .table td.general .button{ max-width: 310px; padding: 8px 0; margin-bottom:60px;font-size: 16px;border-radius: 3px;}
	#SESS .sess-list .table td.general .button:hover{ text-decoration:none !important;}
	#SESS .sess-list .table td.general .sess-txt{ margin:8px 0 30px;}

	#SESS .sess-list .table td.general .general-Lcol{ margin-right:10%;}
	#SESS .sess-list .table td.general .p4{ margin:0 0 20px 0;}
	#SESS .sess-list .table td.general .p4 .bold2{ line-height:1.2;}

	#SESS .sess-list .table td.sess_color-,
	#SESS .sess-list .table td.sess_color,
	#SESS .sess-list .table td.sess_color-cloud,
	#SESS .sess-list .table td.sess_color-container,
	#SESS .sess-list .table td.sess_color-application,
	#SESS .sess-list .table td.sess_color-auto{
		/*padding:28px; padding-top:25px; padding-bottom:25px; vertical-align:top;*/
		padding:28px; padding-top:25px; padding-bottom:90px; vertical-align:top;

		-webkit-transition: all 250ms ease 0s;
		transition: all 250ms ease 0s;
	}

	#SESS .sess-list .table td.l_sess{ padding:50px 15px 50px 40px !important;}

	#SESS .sess-list .table td.sess_color:hover,
	#SESS .sess-list .table td.sess_color-cloud:hover,
	#SESS .sess-list .table td.sess_color-container:hover,
	#SESS .sess-list .table td.sess_color-application:hover,
	#SESS .sess-list .table td.sess_color-auto:hover{
		-moz-box-shadow: 0px 2px 14px rgba(0,0,0,0.2);
		-webkit-box-shadow: 0px 2px 14px rgba(0,0,0,0.2);
		box-shadow: 0px 2px 14px rgba(0,0,0,0.2);

		z-index:1;
	}
@supports (-ms-ime-align: auto) {

    #SESS .sess-list .table td.sess_color:hover,
  	#SESS .sess-list .table td.sess_color-cloud:hover,
  	#SESS .sess-list .table td.sess_color-container:hover,
  	#SESS .sess-list .table td.sess_color-application:hover,
  	#SESS .sess-list .table td.sess_color-auto:hover{
      background-color: #EECCCC;
  		-moz-box-shadow:none;
  		-webkit-box-shadow:none;
  		box-shadow:none;
  		z-index:1;
  	}
    #SESS .sess-list .table td.sess_color:hover::before,
    #SESS .sess-list .table td.sess_color-cloud:hover::before,
    #SESS .sess-list .table td.sess_color-container:hover::before,
    #SESS .sess-list .table td.sess_color-application:hover::before,
    #SESS .sess-list .table td.sess_color-auto:hover::before{
      background-color: #EECCCC;
      -moz-box-shadow:none;
      -webkit-box-shadow:none;
      box-shadow:none;
      z-index:-1;
    }

  }

  @media all and (-ms-high-contrast: none){
    #SESS .sess-list .table td.sess_color:hover,
  	#SESS .sess-list .table td.sess_color-cloud:hover,
  	#SESS .sess-list .table td.sess_color-container:hover,
  	#SESS .sess-list .table td.sess_color-application:hover,
  	#SESS .sess-list .table td.sess_color-auto:hover{
      background-color: #EECCCC;
  		-moz-box-shadow:none;
  		-webkit-box-shadow:none;
  		box-shadow:none;
  		z-index:1;
  	}
    #SESS .sess-list .table td.sess_color:hover::before,
    #SESS .sess-list .table td.sess_color-cloud:hover::before,
    #SESS .sess-list .table td.sess_color-container:hover::before,
    #SESS .sess-list .table td.sess_color-application:hover::before,
    #SESS .sess-list .table td.sess_color-auto:hover::before{
      background-color: #EECCCC;
      -moz-box-shadow:none;
      -webkit-box-shadow:none;
      box-shadow:none;
      z-index:-1;
    }

  }

  @-moz-document url-prefix() {
    #SESS .sess-list .table td.sess_color:hover,
  	#SESS .sess-list .table td.sess_color-cloud:hover,
  	#SESS .sess-list .table td.sess_color-container:hover,
  	#SESS .sess-list .table td.sess_color-application:hover,
  	#SESS .sess-list .table td.sess_color-auto:hover{
      background-color: #EECCCC;
  		-moz-box-shadow:none;

  		-webkit-box-shadow:none;
  		box-shadow:none;
  		z-index:1;
  	}
    #SESS .sess-list .table td.sess_color:hover::before,
    #SESS .sess-list .table td.sess_color-cloud:hover::before,
    #SESS .sess-list .table td.sess_color-container:hover::before,
    #SESS .sess-list .table td.sess_color-application:hover::before,
    #SESS .sess-list .table td.sess_color-auto:hover::before{
      background-color: #EECCCC;
      -moz-box-shadow:none;
      -webkit-box-shadow:none;
      box-shadow:none;
      z-index:-1;
    }


  }

  .no-pointer{
      background-color: #FFF !important;
  }
	/*#SESS .sess-list .table td a:hover{ text-decoration:underline;}
	/*#SESS .sess-list .table td a:hover{ cursor:default;}*/

	#SESS .sess-list .table td.sess_color-,
	#SESS .sess-list .table td.sess_color-cloud,
	#SESS .sess-list .table td.sess_color-container,
	#SESS .sess-list .table td.sess_color-application,
	#SESS .sess-list .table td.sess_color-auto{ position:relative;}

	#SESS .sess-list .table td.sess_color- .sess-bg,
	#SESS .sess-list .table td.sess_color .sess-bg,
	#SESS .sess-list .table td.sess_color-cloud .sess-bg,
	#SESS .sess-list .table td.sess_color-container .sess-bg,
	#SESS .sess-list .table td.sess_color-application .sess-bg,
	#SESS .sess-list .table td.sess_color-auto .sess-bg{ margin-left: 12px;padding:2px 9px 1px;border-radius: 3px;display: inline-block;font-size: 12px;}
	#SESS .sess-list .sess-room{ margin-left: 2px !important;padding:1px 9px 1px;border-radius: 3px;display: inline-block;clear: both;}

	#SESS .sess-list .table td.sess_color- .sess-ico,
	#SESS .sess-list .table td.sess_color .sess-ico,
	#SESS .sess-list .table td.sess_color-cloud .sess-ico,
	#SESS .sess-list .table td.sess_color-container .sess-ico,
	#SESS .sess-list .table td.sess_color-application .sess-ico,
	#SESS .sess-list .table td.sess_color-auto .sess-ico{ width:24px; height:34px; margin-top:-6px;}

	#SESS .sess-list .table td .icon-cutlery{ display: inline-block; width:18px !important; margin-top:0 !important; -ms-transform: scale(1.1)!important; -webkit-transform: scale(1.1)!important; transform: scale(1.1)!important ;}

	#SESS .sess-list .table td .icon-headphones{ display: inline-block; width:19px !important; margin-top:-2px !important; -ms-transform: scale(1.3)!important; -webkit-transform: scale(1.3)!important; transform: scale(1.3)!important ;}


	#SESS .sess-list .table td.sess_color-cloud .sess-logo,
	#SESS .sess-list .table td.sess_color-application .sess-logo,
	#SESS .sess-list .table td.sess_color-auto .sess-logo {
		display: inline-block;
		float: left;
		height: 45px;
		width: 45px;
		margin-bottom: 2px;
		background-position: 0 0;
		background-repeat: no-repeat;
		background-size: 100%;
		padding-top: 31px;
		background-size: contain;
	}
	#SESS .sess-list .table td.sess_color-application .sess-logo {
		/*background-position-x: center;*/
		background-image: url(../img/sess/icon_app_table.svg);
		background-size: 43px;
		margin-top: -2px;
	}
	#SESS .sess-list .table td.sess_color-cloud .sess-logo {
		/*background-position-x: center;*/
		background-image: url(../img/sess/icon_hybrid_table.svg);
		background-size: 45px;
		background-position: 0 5px;
		margin-top: -3px;
	}
	#SESS .sess-list .table td.sess_color-auto .sess-logo {
		/*background-position-x: center;*/
		background-image: url(../img/sess/icon_automation_table.svg);
		background-size: 45px;
		margin-top: -7px;
	}

  #SESS .sess-list .table td.sess_color-cloud .sess-logo1,
  #SESS .sess-list .table td.sess_color-cloud .sess-logo2,
  #SESS .sess-list .table td.sess_color-cloud .sess-logo3{
		display: inline-block;
		float: left;
		height: 47px;
		width: 47px;
		margin-bottom: 2px;
		background-position: 0 0;
		background-repeat: no-repeat;
		background-size: 100%;
		padding-top: 31px;
		background-size: contain;
    max-width: none !important;
	}


	

  #SESS .sess-list .table td .sess-logo1 {
		/*background-position-x: center;*/
		background-image: url(../img/sess/icon_app_table.svg);
		background-size: contain;
		margin-top: -2px;
	}
	#SESS .sess-list .table td .sess-logo2 {
		/*background-position-x: center;*/
		background-image: url(../img/sess/icon_hybrid_table.svg);
		background-size: contain;
		background-position: 0 5px;
		margin-top: -3px;
    margin-left: 0px;
	}
	#SESS .sess-list .table td .sess-logo3 {
		/*background-position-x: center;*/
		background-image: url(../img/sess/icon_automation_table.svg);
		background-size: contain;
		margin-top: -7px;
    margin-left: -5px;
	}



/*
	@media all and (-ms-high-contrast:none){
		#SESS .sess-list .table td.sess_color-application .sess-logo {
			background-size: 175px;
			background-position-x: -70px;
		}
		#SESS .sess-list .table td.sess_color-cloud .sess-logo {
			background-size: 163px;
			background-position-x: -60px;
		}
		#SESS .sess-list .table td.sess_color-auto .sess-logo {
			background-size: 175px;
			background-position-x: -70px;
		}
	}
*/


	@media screen and (max-width: 479px) {
		.pc-sess{
			display: none;
		}
		#SESS .sess-list .table td.general {
		    padding: 40px 30px 40px !important;
		}
		#SESS .sess-list .table td.l_sess {
		    padding: 40px 30px 40px !important;
		}

		#SESS .sess-list .table .flex-md-6 {
	    -webkit-box-flex-basis: 100%;
	    -ms-flex-basis: 100%;
	    -webkit-flex-basis: 100%;
	    flex-basis: 100%;
		}
    #SESS .sess-list .table td.sess_color-cloud .sess-logo1,
    #SESS .sess-list .table td.sess_color-cloud .sess-logo2,
    #SESS .sess-list .table td.sess_color-cloud .sess-logo3{
  		height: 35px;
  		width: 35px;
  	}
	}


	.filter-active {
		position: relative;
		z-index: 0;
	}
	.filter-active:before {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: calc(100% + 1px);
		height: calc(100% + 1px);
		z-index: 1;
		background-color: rgba(26,26,26,.7);
	}

	.sess-active {
		position: relative;
		z-index: 9999;
		background-color: #fff;
	}

	.sess-disable {
		opacity: .3;
		cursor: default;
		pointer-events: none;
	}

	.sess-disable:hover {
		box-shadow: none;
	}
	.sess-disable a:hover {
		text-decoration: none!important;
	}

	/*セッション詳細*/
	#SESS .sess-detail .sess-ico{ font-size: 45px;}
	#SESS .sess-detail .sess-bg{ padding:22px 30px 10px;}
	#SESS .sess-detail .sess-ico::before{ vertical-align:baseline;}

	#SESS .sess-detail .meta-wrp h3{ line-height:1;}

	.sess-ico.interpreter
	{
		display: none !important;
	}

	.sess-ico.lunch {
		display: none !important;
	}

	/*セッションモーダル内詳細*/
	#SESS .sess-modal-detail {
		position: relative;
	}
	#SESS .sess-modal-detail .head {
		position: absolute;
		width: 100%;
		top: 0;
		left: 0;
	}
	#SESS .sess-modal-detail .head .tag {
		position: relative;
		display: inline-block;
		margin-left: 18px;padding:4px 14px 3px;border-radius: 3px;display: inline-block;font-size: 18px;
		letter-spacing: 0.09em;
	}

	#SESS .sess-modal-detail .head::before {
		content: "";
		display: inline-block;
		/*
		width: 67px;
		*/
		height: 38px;
		margin: 20px 0px 20px 50px;
		margin: 0px 0px 20px 50px;

		/*
		background-position: 0 0;
		background-repeat: no-repeat;
		background-size: 100%;
		vertical-align: middle;
		*/
	}

	#SESS .sess-modal-detail .sess-room{ font-size: 20px;margin-left: 2px !important;padding:1px 9px 1px;border-radius: 3px;display: inline-block;clear: both;}


	/* 2019-08-29 Add */
	#SESS .sess-modal-detail .head .modalIcon {
		display:inline-block;
		vertical-align:middle;
	}
	#SESS .sess-modal-detail .head .modalIcon span {
		display:inline-block;
		background-position: 0 0;
		background-repeat: no-repeat;
		background-size: 100%;
		vertical-align:middle;
	}

	#SESS .sess-modal-detail .head .modalIcon span.sess-logo1 {
		background-image: url(../img/sess/icon_app_table.svg);
		width: 67px;
		height: 55px;
		max-width:67px;
		float:none;
	}
	#SESS .sess-modal-detail .head .modalIcon span.sess-logo2 {
		background-image: url(../img/sess/icon_hybrid_table.svg);
		width: 67px;
		height: 43px;
		max-width:67px;
		float:none;

	}
	#SESS .sess-modal-detail .head .modalIcon span.sess-logo3 {
		background-image: url(../img/sess/icon_automation_table.svg);
		width: 69px;
		height: 61px;
		max-width:69px;
		float:none;

	}



	#SESS .sess-modal-detail .head .modalIcon span. {

	/*
	#SESS .sess-modal-detail.sess_color-cloud .head::before {
		background-image: url(../img/sess/icon_hybrid_table.svg);
		height: 43px;
	}
	#SESS .sess-modal-detail.sess_color-application .head::before {
		background-image: url(../img/sess/icon_app_table.svg);
		height: 55px;
	}
	#SESS .sess-modal-detail.sess_color-auto .head::before {
		background-image: url(../img/sess/icon_automation_table.svg);
		width: 69px;
		height: 61px;
	}
	*/



	#SESS .keyword {
	}
	#SESS .keyword li {
		display: inline-block;
	}
	#SESS .keyword li span {
		display: inline-block;
		padding: 8px 27px 8px 10px;
	}
	#SESS .keyword li:nth-of-type(n+2) {
		margin-left: 8px;
	}
	#SESS .sess-modal-detail .list .image {
		width: 280px;
		height: 280px;
		margin-top: 15px;
		border-radius: 140px;
		overflow: hidden;
		background-size: cover;
		background-position: center center;
	}
	#SESS .sess-modal-detail .list .image img {
		height: 100%;
	}
	#SESS .sess-modal-detail .list .content {
		width: 640px;
	}
	#SESS .sess-modal-detail .list:nth-of-type(n+2) {
		border-top: 1px dotted #ababab;
		padding-top: 50px;
		margin-top: 50px;
	}
	#SESS .sess-modal-detail .heading8 { font-size: 35px; letter-spacing:-0.059rem;}
	#SESS .sess-modal-detail .content .p1.bold2{font-size: 18px; letter-spacing:-0.019rem;}
	#SESS .sess-modal-detail .content .p1.margin-nt-m{font-size: 16px; letter-spacing:-0.019rem;}
	#SESS .sess-modal-detail .content .margin-b-s {
	    margin-bottom: 5px!important;
	}
	#SESS .sess-modal-detail .content .margin-t-xs {
		margin-bottom: 18px!important;
	}


/* ****************************************************
  レポート動画【.report-mov】
  ***************************************************** */

  #SESS.report-mov .sess-detail iframe{ max-width:960px;}

  @media screen and (max-width : 1720px){
  	#SESS.report-mov .sess-detail iframe{ height:645px}
  }

/*
#####################################################################

	ゼネラルセッション【#GENERAL】

#####################################################################
*/

#GENERAL .sess-detail .col-box-s{ width:200px !important;}

#GENERAL .grad-deg-s::after{ -webkit-transform: skew(-9deg); -ms-transform: skew(-9deg); transform: skew(-9deg);}

/*固定ナビ*/
#GENERAL .sess-nav {
	padding: 30px 0;
}
#GENERAL .sess-nav li{
	border-right: solid 1px #ababab;
	padding: 0 23px;
}

@media screen and (max-width : 1300px){
	#GENERAL .sess-nav li{
		padding: 0 8px;
	}
}

#GENERAL .sess-nav li:first-of-type{
	padding-left: 0;
}
#GENERAL .sess-nav li:last-of-type{
	border-right: none;
}
#GENERAL .sess-nav a{line-height: 1;}
#GENERAL .sess-nav a:hover,
#GENERAL .sess-nav a.active{ color:#EE0000;}

@media all and (-ms-high-contrast:none) {/*IE11ハック*/
	*::-ms-backdrop, #GENERAL .sess-nav a{ padding:18px 0 8px 0;}
}

@media all and (-ms-high-contrast:none) {/*IE10ハック*/
	.firstview-module #GENERAL .sess-nav a{ padding:18px 0 8px 0;}
}

#GENERAL .general-section .cassette {
	position: relative;
	padding-top: 60px;
}

#GENERAL .general-section .grid {
	padding-top: 60px;
	padding-bottom: 70px;
	border-bottom: 1px solid #EE0000;
}

/*左上固定エリア*/
#GENERAL .absolute-top-left .sess-bg{ padding:13px 30px 11px;}
#GENERAL .absolute-top-left .icon-txt::after{vertical-align: bottom !important; margin-left:8px !important;}
#GENERAL .absolute-top-left span{ line-height:1; margin-bottom:9px;}
#GENERAL .separate-h-m{ height:20px; margin:-2px 14px 0;}

/*あいさつエリア*/

#GENERAL .heading3-EN{
	text-transform: uppercase;
	font-size:48px !important;
	font-family:"overpass-bold",overpass-regular,Helvetica,helvetica,arial, sans-serif;
	line-height: 1 !important;
	margin-bottom: 15px !important;
}
#GENERAL #greeting .heading3-EN{
	text-transform: uppercase;
	font-size:60px !important;
	font-family:"overpass-bold",overpass-regular,Helvetica,helvetica,arial, sans-serif;
	line-height: 1 !important;
	margin-bottom: 15px !important;
}

#GENERAL .flexbox .thum-box {
	width: 300px!important;
}
#GENERAL .flexbox .content {
	width: calc(100% - 365px);
}

#GENERAL .general-section .heading11 { font-size: 36px; line-height: 1.2}
#GENERAL .general-section .p1.bold2 { font-size: 17px; }
#GENERAL .general-section .p1.margin-nt-m { font-size: 15px; }

#GENERAL .heading8 {
	font-size: 42px;
	line-height: 1.3;
	margin-bottom: 30px;
	text-transform: uppercase;
}
#GENERAL .heading8.sub { font-size:30px!important;}
#GENERAL #greeting .heading8 { letter-spacing:-0.09rem;}


/*
#####################################################################

	ブレイクアウトセッション【#SESS-BREAKOUT】

#####################################################################
*/

#SESS-BREAKOUT{}

#SESS-BREAKOUT .col-box-m{ width:230px;}

/*４つのカテゴリ*/
#SESS-BREAKOUT .category-section h3{ line-height:1.2;}
#SESS-BREAKOUT .category-section a{ display:block; width:100%; height:auto;}
#SESS-BREAKOUT .category-section .icon-box.icon-angle-right{ font-size:1.5rem; line-height:1.45; padding-left:3px;}


/*4つのカテゴリ説明*/
#SESS-BREAKOUT .category-section.category-detail .icon-box{ font-size:20px; margin-top:15px;}
#SESS-BREAKOUT .category-section.category-detail .list{ margin-top:5px;}
#SESS-BREAKOUT .category-section.category-detail .p1{ line-height:1.4;}

#SESS-BREAKOUT .category-section.category-detail .sess_color-application h3,
#SESS-BREAKOUT .category-section.category-detail .sess_color-auto h3{ padding-top:10px;}

/* Safari 3以上, Chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#SESS-BREAKOUT .category-section .sess_color-application h3,
	#SESS-BREAKOUT .category-section .sess_color-auto h3{ padding-top:4px;}
	#SESS-BREAKOUT .category-section.category-detail h3{ padding-top:15px;}
	#SESS-BREAKOUT .category-section.category-detail .sess_color-application h3,
	#SESS-BREAKOUT .category-section.category-detail .sess_color-auto h3{ padding-top:20px;}
}

/*カテゴリ一覧ページ*/
#SESS-BREAKOUT .exhi-list .bg-white{ position:relative;}
#SESS-BREAKOUT .exhi-list .sess-ico{ font-size: 45px;}
#SESS-BREAKOUT .exhi-list .sess_color-auto .sess-ico{ font-size:40px;}
#SESS-BREAKOUT .exhi-list .sess_color-application .sess-ico{ font-size:36px;}
#SESS-BREAKOUT .exhi-list .sess-bg{ padding:20px 28px 12px;}
#SESS-BREAKOUT .exhi-list .sess-ico::before{ vertical-align:baseline;}
#SESS-BREAKOUT .exhi-list .alignRight .button{ min-width:250px;}

#SESS-BREAKOUT .sess_color .big-keyword{ font-size:62px; line-height: 1.3;}
#SESS-BREAKOUT .sess_color .sess-bg-dark .padding-tb-xl{ padding-top:120px !important; padding-bottom:120px !important;}


/*
#####################################################################

	展示【#EXHI】

#####################################################################
*/

#EXHI .sess-txt{

}

/***************** 展示一覧ページ ***************/

/*共通*/
.exhi-list .sess-ico{ font-size: 40px; margin-right:16px;}
.exhi-list .sess-ico.icon-container{ font-size:45px;}
.exhi-list .sess-ico::before{ vertical-align: top;}
.exhi-list .sess-txt{ line-height:1.25;}
.alignRight .button{ min-width:200px;}

.exhi-list .heading2-EN{line-height: 1.7;}
.exhi-list .separate-h-m{ margin:6px 10px 0 !important; }

.exhi-list .t_caption,
.exhi-list .thum-box a{ -webkit-transition: all 250ms ease 0s; transition: all 250ms ease 0s;}
.exhi-list a:hover .t_caption{ -moz-box-shadow: 0px 2px 14px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 2px 14px rgba(0,0,0,0.2); box-shadow: 0px 2px 14px rgba(0,0,0,0.2);}
.exhi-list .thum-box a:hover{ filter: alpha(opacity=100) !important; -moz-opacity:1.0 !important; opacity:1.0 !important;}


/*展示一覧*/
.exhi-index .category-section h3{ line-height:1.2;}
.exhi-index .category-section a{ display:block; width:100%; height:auto;}
.exhi-index .category-section .icon-box.icon-angle-right{ font-size:1.5rem; line-height:1.45; padding-left:3px;}

/*会場マップが無い場合はコメントアウト*/
/*.exhi-index .exhi-list .buttonContainer-right{ min-width:450px;}*/

/*レッドハット展示*/
#EXHI.exhi-redhat .exhi-list .col-box-l{ border-left: solid 1px #dedede; width:500px;}
#EXHI.exhi-redhat .exhi-list .icon-box.icon-cloud,
#EXHI.exhi-redhat .exhi-list .icon-box.icon-container,
#EXHI.exhi-redhat .exhi-list .icon-box.icon-connectdevelop,
#EXHI.exhi-redhat .exhi-list .icon-box.icon-cogs{ font-size: 40px; margin-right:15px;}
#EXHI.exhi-redhat .exhi-list .icon-box.icon-cloud::before,
#EXHI.exhi-redhat .exhi-list .icon-box.icon-container::before,
#EXHI.exhi-redhat .exhi-list .icon-box.icon-connectdevelop::before,
#EXHI.exhi-redhat .exhi-list .icon-box.icon-cogs::before{ vertical-align: top; line-height:42px;}
#EXHI.exhi-redhat .exhi-list h2{ line-height:1.15;}
#EXHI.exhi-redhat .exhi-list .flexbox.thumbnail.t_gutter-s{ margin:auto -5px !important;}
#EXHI.exhi-redhat .exhi-list .flexbox.thumbnail.t_gutter-s .t_caption{ margin:0;}
#EXHI.exhi-redhat .exhi-list .t_caption p{word-break: normal;}
#EXHI.exhi-redhat .exhi-list .flexbox.thumbnail.t_gutter-s .thum-box.flex-md-6{ margin:0 10px 20px;
	-webkit-box-flex-basis: 48%!important; -ms-flex-basis: 48%!important; -webkit-flex-basis: 48%!important; flex-basis: 48%!important;}
	#EXHI.exhi-redhat .exhi-list .flexbox.thumbnail.t_gutter-s .thum-box.flex-md-12{ margin:0 10px 20px;
		-webkit-box-flex-basis: 97.7%!important; -ms-flex-basis: 97.7%!important; -webkit-flex-basis: 97.7%!important; flex-basis: 97.7%!important;}

		#EXHI.exhi-redhat .exhi-list .flexbox.thumbnail img{ height:auto !important;}

		/*スポンサー展示一覧*/
		#EXHI.sponsor .img-box{ text-align:center;}
		#EXHI.sponsor .img-box img{ max-width:220px; }
		#EXHI.sponsor .exhi-list span.sess-txt{ line-height:1.7;}
		#EXHI.sponsor .t_caption { min-height:290px;}

		#EXHI.sponsor .cloud img { max-width:130px; max-height:50px; height: auto;}
		#EXHI.sponsor .cloud img.dos { max-height:60px;}

		#EXHI.sponsor .cloud .col-box-m{ width:190px; }
		#EXHI.sponsor .cloud .p3{ line-height:1.25; margin-bottom:20px;}
		#EXHI.sponsor .cloud .p1{ margin-bottom:2px;}
		#EXHI.sponsor .cloud .flex-md-6 > .flexbox{ margin:0 15px 40px 0;}

		#EXHI.sponsor dl.timetable dt{ width:auto;}
		#EXHI.sponsor dl.timetable dd{ margin-left:80px;}

		#EXHI.sponsor dl.timetable dt,
		#EXHI.sponsor dl.timetable dd{ padding:5px 22px 5px 0;}

		/*ミニシアター展示一覧*/
		#EXHI.mini-theater .exhi-list .sess-ico{ font-size: 33px; margin-right:7px;}
		#EXHI.mini-theater .exhi-list .sess-ico::before{line-height:30px;}
		#EXHI.mini-theater .exhi-list span.sess-txt{ line-height:1.5;}
		#EXHI.mini-theater .exhi-list .separate-h-m{ margin:2px 10px 0 !important;}
		#EXHI.mini-theater .exhi-list img{ max-width:250px; max-height:80px; height:auto;}

		#EXHI .category-section .heading11 span {
			font-family: "游ゴシック","YuGothic","overpass-regular",overpass-regular,Helvetica,helvetica,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",arial, sans-serif;
		}
		#EXHI .category-section .heading5.sess-txt {
			line-height: 1.35;
		}
		#EXHI .category-section .logobox .image {
			width: 156px;
			margin-right: 48px;
		}
		#EXHI .category-section .logobox .image img {
			max-width: 100%;
		}
		#EXHI .category-section .logobox .text {
			width: calc(100% - 204px);
		}
		#EXHI .category-section .flexbox.thumbnail {
			margin: 0 5px;
		}
		#EXHI .category-section .flexbox.thumbnail .thum-box a {
			margin: 0!important;
		}
		#EXHI .category-section .t_caption {
			min-height: 320px;
			margin-top: 0;
		}
		#EXHI .category-section .thum-box {
			width: 23.7%;
			margin-right: 1.7%;
			overflow: visible;
		}
		#EXHI .category-section .thum-box:nth-of-type(4n) {
			margin-right: 0;
		}
		#EXHI .category-section .thum-box:nth-of-type(n+5) {
			margin-top: 20px;
		}
		#EXHI .category-section .thumbnail .thum-box img {
			width: auto!important;
			height: auto!important;
			max-width: 100%;
		}

		#EXHI .outline-section {
			background: url(../img/common/bg-03.jpg) 0 0 no-repeat;
			background-size: cover;
		}
		#EXHI .outline-section .head {
			background-color: rgba(0,0,0,.3);
			padding: 20px 40px;
		}
		#EXHI .outline-section .body {
			background-color: #fff;
			padding: 30px 40px 45px;
		}
		#EXHI .outline-section .body.p3 {
			line-height: 1.76;
		}

		#EXHI .outline-section .body .image {
			width: 290px;
			margin-top: 5px;
		}
		#EXHI .outline-section .body .content {
			width: calc(100% - 340px);
		}
		#EXHI .outline-section .body .content p:nth-of-type(n+2) {
			margin-top: 20px;
		}


		/***************** 展示詳細ページ ***************/
		#EXHI-DETAIL .heading3 {
			line-height: 1.21;
			margin-bottom: 15px;
			height: 50px;
		}
		#EXHI-DETAIL .thumbnail img {
			height: auto!important;
		}
		#EXHI-DETAIL .thumbnail {
			margin-top: 70px;
		}
		#EXHI-DETAIL .thumbnail .p2 {
			font-size: 20px!important;
		}
		#EXHI-DETAIL .thumbnail .p2.info {
			font-size: 16px!important;
		}
		#EXHI-DETAIL .thumbnail .thum-box {
			width: 300px;
		}
		#EXHI-DETAIL .thumbnail .content {
			width: 686px;
		}
		#EXHI-DETAIL .buttonContainer-center {
			border-top: 1px solid #eeeeee;
		}
		#EXHI-DETAIL .wrapper3 > .heading3 span {
			font-family: "游ゴシック","YuGothic","overpass-regular",overpass-regular,Helvetica,helvetica,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",arial, sans-serif;
		}
		#EXHI-DETAIL .thumbnail .heading15 {
			margin-bottom: 5px;
		}
		#EXHI-DETAIL .thumbnail .direction-column-sp {
			margin-top: 40px!important;
		}
		#EXHI-DETAIL a.link.link-underline{ text-decoration-color:#666666!important;}





/*
#####################################################################

	事後レポート【#REPORT】

#####################################################################
*/

/* ****************************************************
  事後レポート共通【#REPORT】
  ***************************************************** */

  #REPORT{ padding-top: 80px;}

  /*冒頭説明*/
  #REPORT .boutou{ margin-top:400px;}
  #REPORT .boutou .flexGrow-1{ max-width:860px;}
  #REPORT .boutou .button{ width:100%; min-width:450px;}

  /*ファーストビュー*/
  #REPORT .firstview-module-03 {
  	position: fixed; width: 100%; z-index:-1; min-width: 1120px;
  }
  #REPORT .firstview-module-03 .filter-brightness-s {
  	-webkit-filter: brightness(22%);
  	-moz-filter: brightness(22%);
  	-ms-filter: brightness(22%);
  	filter: brightness(22%);
  	}}


  	/*ファーストビュー（CTAボタン）*/
  	#REPORT .cta-btn{ min-width: 1120px; position:relative;}
  	#REPORT .cta-btn a{ position:absolute; top:280px;}
  	#REPORT .cta-btn .cta-txt{ position:absolute; top:235px; }
  	#REPORT .cta-btn .cta-txt img { width: auto; height: 17px; }

  	#REPORT .cta-btn .cta01 a{right:380px;}
  	#REPORT .cta-btn .cta02 a{ right:60px;}
  	#REPORT .cta-btn .cta-txt{ right:182px;}

  	@media screen and (max-width : 1300px){
  		#REPORT .cta-btn a{
  			top:276px;
  			padding: 34px 30px !important;
  			-ms-transform: scale(0.7)!important; -webkit-transform: scale(0.7)!important; transform: scale(0.7)!important ;
  		}
  		#REPORT .cta-btn .cta-txt{ top:250px; }
  		#REPORT .cta-btn .cta-txt img { width: auto; height: 14px; }

  		#REPORT .cta-btn .cta01 a{right:194px;}
  		#REPORT .cta-btn .cta02 a{ right:-16px;}
  		#REPORT .cta-btn .cta-txt{ right:41px;}
  	}

  	/*共通*/
  	#REPORT .session-module-01 .thumbnail a{ margin:0 !important;}
  	#REPORT .session-module-01 .thumbnail .thum-box .padding-tb-s { padding: 30px 30px 50px 30px!important; }
  	#REPORT .session-module-01 .thumbnail.t_gutter-l { margin: auto -20px !important; }
  	#REPORT .session-module-01 .wrapper { max-width: 1240px; }
  	#REPORT .session-module-01 .thumbnail.t_gutter-l .thum-box{ padding-left:20px; padding-right:10px;}

  	/*アンケート結果*/
  	#REPORT .result-module .t_caption .bg-white{
  		min-height: 180px;
  	}
  	/*チャレンジ報告*/
  	#REPORT .challenge-module .thum-box{ overflow:inherit;}

  	#REPORT.report-vol2 .grad-deg-m::after{ width:150%;}

/*#REPORT .challenge-module .t_caption{
	-webkit-transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
}
#REPORT .challenge-module a:hover .t_caption {
    -moz-box-shadow: 0px 2px 14px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 2px 14px rgba(0,0,0,0.2);
    box-shadow: 0px 2px 14px rgba(0,0,0,0.2);
    }*/
    #REPORT .challenge-module .t_caption .bg-white{
    	min-height: 240px;
    }
    #REPORT .challenge-module .thumbnail .thum-box .padding-tb-s { padding-bottom:40px !important;}

    #REPORT .challenge-module .thumbnail .heading4{ line-height: 1.25 !important; min-height:65px; letter-spacing:-0.06rem;}

    @media screen and (max-width : 1199px){
    	#REPORT .challenge-module .t_caption .bg-white{
    		min-height: 270px;
    	}
    }


    /*カミングスーンテキスト*/
    #REPORT .soon-txt span.num{ font-family:"overpass-regular",overpass-regular,Helvetica,helvetica,arial, sans-serif; font-size:56px; vertical-align:top;}
    #REPORT .soon-txt{ font-size:55px; margin-bottom:10px; letter-spacing: -0.03rem;}
    #REPORT .soon-txt span.tume{ letter-spacing:-1.5rem;}
    #REPORT .soon-txt span.vol{ font-size:80%; letter-spacing: 0.05rem;margin-right: 3px;}

    /*フォローアップセミナー*/
    #REPORT .followup .wrapper{min-width: 1000px;}
    #REPORT .followup .bg-shadow-xs{ max-width: 1330px; }
    #REPORT .followup .heading5.margin-b-s{ margin-bottom:20px !important;}
    #REPORT .followup .p2.margin-b-xs{ margin-bottom:4px !important;}
    #REPORT .followup .p1{letter-spacing: -0.05rem;}


/* ****************************************************
  事後レポートvol.2【#REPORT.report-vol2】
  ***************************************************** */


  #REPORT.report-vol2{}

  #REPORT.report-vol2 .grad-deg-m::after {
  	-webkit-transform: skew(-35deg);
  	-ms-transform: skew(-35deg);
  	transform: skew(-35deg);
  }
  /*動画エリア*/
  @media screen and (max-width : 1199px){
  	#REPORT.report-vol2 .mov iframe{ width:474px; height:265px;}
  }

  /*ファーストビュー*/
  #REPORT.report-vol2 .cta-btn .cta01 a{right:60px;}

  @media screen and (max-width : 1400px){
  	#REPORT.report-vol2 .cta-btn a{
  		top:246px;
  		padding: 34px 30px !important;
  		-ms-transform: scale(0.7)!important; -webkit-transform: scale(0.7)!important; transform: scale(0.7)!important ; }
  		#REPORT.report-vol2 .cta-btn .cta01 a{ right:-20px;}
  	}


  	/*冒頭のセッション紹介*/
  	#REPORT.report-vol2 .report-sess01 .report-sess-wrp{ position:relative;}
  	#REPORT.report-vol2 .report-sess01 .thum-box img{ height:auto !important;}
  	#REPORT.report-vol2 .sess-bg{ padding: 22px 30px 10px; }
  	#REPORT.report-vol2 .report-sess01 .heading3-EN {
  		font-size: 49px;
  		font-family: "overpass-bold",overpass-regular,Helvetica,helvetica,arial, sans-serif;
  	}
  	#REPORT.report-vol2 .report-sess01 .heading8 {
  		font-size: 36px;
  		letter-spacing: -0.02rem;
  		line-height: 1.1;
  	}
  	#REPORT.report-vol2 .report-sess01.grad-deg-m::after {
  		-webkit-transform: skew(-10deg);
  		-ms-transform: skew(-10deg);
  		transform: skew(-10deg);
  	}

  	#REPORT.report-vol2 .report-sess01 .icon-plus{ width:50px; height:50px;}
  	#REPORT.report-vol2 .report-sess01 .icon-plus::before,
  	#REPORT.report-vol2 .report-sess01 .icon-plus::after{
  		top: 18px; left: 26px;
  	}


  	/*セッションレポート*/
  	#REPORT.report-vol2 .report-sess02 .bg-shadow-xs{ position:relative;}
  	#REPORT.report-vol2 .report-sess02 .sess-ico{ font-size: 35px; line-height: 37px;}
  	#REPORT.report-vol2 .report-sess02 .absolute-top-left{ height:auto !important;}
  	#REPORT.report-vol2 .report-sess02 .sess_color-cloud .sess-txt{ line-height:35px;}
  	#REPORT.report-vol2 .report-sess02 .sess-txt.heading4{ line-height:1.8 !important;}
  	#REPORT.report-vol2 .report-sess02 .thum-box img{ height:auto !important;}

  	#REPORT.report-vol2 .report-sess02 .sess-txt{ line-height:1.35;}

  	/*チャレンジ報告*/
  	#REPORT .session-module-01 .wrapper.result-wrp-bottom { max-width: 840px !important; min-width:840px !important; }

  	/*フォローアップセミナー*/
  	#REPORT .followup .followup-boutou{ max-width:1330px;}
  	#REPORT .followup .followup-boutou .button{ min-width:280px;}





/*
#####################################################################

	PICKUP【#PICKUP】

#####################################################################
*/

/* ****************************************************
OPEN STAGE【#OPEN STAGE】
***************************************************** */
/*ピックアップ説明*/
.pickup-text {
	max-width: 1250px;
	margin: 97px auto 76px;
	min-width: 1120px;
	max-width: 1460px;
	padding: 0 66px;
	position: relative;
	top: -7px;
	left: -7px;
	font-size: 18.7px;
	letter-spacing: -0.04rem;
	line-height: 1.8;
}
.mac.firefox .pickup-text {
  font-size: 19.2px;
}
.windows .pickup-text {
  font-size: 19.5px;
}
.windows.ie11 .pickup-text,
.windows.ie10 .pickup-text {
  font-size: 19.43px;
}
.separate-w-s.s-b-l, .separate-w-m.s-b-l, .separate-w-l.s-b-l, .separate-w-full.s-b-l {
	position: relative;
	top: -1px;
	left: 3px;
}
/*スケジュール*/
.stage-schedule {
	position: relative;
	top: -18px;
	left: 2px;
}
.schedule {
	width: 960px;
	margin: 74px auto 0;
}
.schedule-center {
	text-align: center;
}
.stage-schedule {
	padding-bottom: 17px;
	margin-right: auto;
	margin-left: auto;
}
.border {}
.border__last {
	margin-bottom: 231px;
}
.mini-session {}
.mini-session__contents {}
.mini-session__subcontent {}
.mini-session__detail {
	display: flex;
	margin-top: 70px;
	margin-bottom: 46px;
}
.mini-session__detail:after {
	display: block;
	content: "";
	clear: both;
}
.mini-session__logo {
	border: 2px solid #AC0000;
	margin-right: 60px;
	margin-left: 10px;
}
.mini-session__logo--softbank {
	padding: 132px 0 133px;
  margin-bottom: 11px;
}
.mini-session__logo--unidex {
	padding: 130px 0 132px;
  margin-bottom: 12px;
}
.mini-session__logo--hewlett {
	padding: 101px 0;
  margin-bottom: 12px;
}
.mini-session__logo--nokia {
  padding: 130px 0 129px;
  margin-bottom: 13px;
}
.mini-session__logo--instana {
	padding: 68px 0 72px;
  margin-bottom: 12px;
}
.mini-session__logo img {

}
.mini-session__text {
	padding-top: 14px;
}
.mini-session__time {
	font-size: 1.8em;
	color: #AC0000;
	font-weight: bold;
	position: relative;
	top: -12px;
}
.mini-session__title {
 font-size: 1.78em;
 font-weight: bold;
 /*font-size: 1.68em;*/
 line-height: 1.37;
 position: relative;
 top: -2px;
}
.mini-session__title-small {
  font-size: 0.54em;
}
.mini-session__subtext {
  font-size: 1.4em;
  line-height: 1.4;
  /*font-size: 1.25em;*/
  padding-top: 60px;
  /*line-height: 1.5;*/
  position: relative;
  top: -23px;
}
.mini-session__subtext--unidex {
	padding-top: 188px;
}
.mini-session__subtext--hewlett {
  position: relative;
  top: -27px;
}
.mini-session__subtext--nokia {
 padding-top: 190px;
}
.mini-session__subtext--instana {
	padding-top: 24px;
}

/*Red hat forum 2018連動企画*/
.aideason {
	margin-bottom: 121px;
}
.aideason__box-wrapper {
	width: 960px;
	margin: 0 auto;
	padding-left: 89px;
}
.aideason__box {
	display: flex;
	margin-right: 0;
	margin-left: 0;
}
.art {
	z-index: 2;
}
.art img {
	width: 161px;
}
.forum__contents {
	padding-top: 115px;
}
.forum__contents img {
	width: 485px;
	position: relative;
	left: -11px;
	top: -2px;
}
.forum__time {
	position: relative;
	top: -51px;
	z-index: 1;
}
.forum__time-item {
	text-align: center;
}
.forum__time-item--awards {
	background-size: 100% 105px;
	background-color: #AC0000;
}
.forum__time-item--awards img {
	width: 366px;
	padding: 27px 0;
	position: relative;
  left: -6px;
  top: -4px;
}
.forum__time-item--presentation {
	background-size: 100% 105px;
	background-color: #780001;
}
.forum__time-item--presentation img {
	width: 366px;
	padding: 27px 0;
	position: relative;
  left: -4px;
  top: -6px;
}
.entry {
	position: relative;
	top: -65px;
	text-align: center;
	z-index: 2;
}
.entry-mass {
	text-align: center;
	position: absolute;
	top: 96px;
	left: 50%;
	font-size: 37px;
	font-weight: bold;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.entry-mass__color {
	color: #AC0000;
	font-size: 58px;
	position: relative;
	left: -1px;
}
.ie11 .entry-mass__color {
  position: relative;
  top: 6px;
}



/* ****************************************************
OPEN STAGE【.handson】
***************************************************** */

#PICKUP.handson .outline-section {
	background: url(../img/pickup/handson/bg.jpg) 0 0 no-repeat;
	background-size: cover;
}
#PICKUP.handson .outline-section .head .heading1 {
	background-color: rgba(0,0,0,.3);
	padding: 30px 50px 25px 50px;
	line-height: 1.5;
}
#PICKUP.handson .outline-section .body {
	background-color: #fff;
	padding: 30px 50px 40px;
}
#PICKUP.handson .outline-section .body.p3 {
	line-height: 1.76;
}

#PICKUP.handson .outline-section .body .image {
	width: 290px;
	margin-top: 5px;
}
#PICKUP.handson .outline-section .body .content {
	width: calc(100% - 340px);
}
#PICKUP.handson .outline-section .body .content p:nth-of-type(n+2) {
	margin-top: 20px;
}



/* ****************************************************
CLOUD CAFÉ【.cloudcafe】
***************************************************** */

#PICKUP.cloudcafe
{
	background-color: #F9E8EA;

}

#PICKUP.cloudcafe .outline-section {
	background: url(../img/pickup/cloudcafe/bg.png) 50% 0 no-repeat;
	background-size: contain;
	padding-bottom: 160px;
}

#PICKUP.cloudcafe .cloudSess.wrapper{
	min-width: 780px;
	max-width: 780px;
	padding: 0;

}
#PICKUP.cloudcafe .imges{
	margin-top: 5px;
	margin-bottom: 20px;
}
#PICKUP.cloudcafe .company{

}
#PICKUP.cloudcafe .title{
	line-height: 1.2 ;
	margin-top: 5px;
	margin-bottom: 20px;

}
#PICKUP.cloudcafe .name{
	line-height: 1.2 ;

}

/* ****************************************************
CAMPAIGN【.campaign】
***************************************************** */

#PICKUP.campaign .campaign-section{
	background: url(../img/pickup/campaign/bg.png) 50% 0 no-repeat;
}


#SESS .sess-modal-detail .list .image {
	width: 280px;
	height: 280px;
	margin-top: 15px;
	border-radius: 140px;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
}
#SESS .sess-modal-detail .list .image img {
	height: 100%;
}

#SESS .sess-modal-detail .list .content {
	width: 640px;
}
#SESS .sess-modal-detail .list:nth-of-type(n+2) {
	border-top: 1px dotted #ababab;
	padding-top: 50px;
	margin-top: 50px;
}
#SESS .sess-modal-detail .heading8 { font-size: 35px; letter-spacing:-0.059rem;}
#SESS .sess-modal-detail .content .p1.bold2{font-size: 18px; letter-spacing:-0.019rem;}
#SESS .sess-modal-detail .content .p1.margin-nt-m{font-size: 16px; letter-spacing:-0.019rem;}
#SESS .sess-modal-detail .content .margin-b-s {
    margin-bottom: 5px!important;
}
#SESS .sess-modal-detail .content .margin-t-xs {
	margin-bottom: 18px!important;
}


ul.keyword li {
	float:left;
	margin:0 1em 0.5em 0;
}
ul.keyword li span {
	display:inline-block;
	padding:0.3em 1em;
}

.wrapper2 {
    min-width: 1120px;
    padding: 0 65px;
    position: relative;
}

footer.common-style-01 .col-box-s {
    width: 225px;
}

footer.common-style-01 .logo,
footer.common-style-01 .logo img {
    width: auto;
    height: 32px;
    line-height: 32px;
}
@media screen and (max-width: 600px){
	ul.keyword li {
		float:none;
		margin:0 0em 0.5em 0;
	}
}


ul.keyword:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
ul.keyword {
  min-height: 1px;
}

* html ul.keyword {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}