#TopicPath ul {
  padding: 20px 0 15px; }

.contentsWidth {
	padding: 0 15px;
  max-width: 1000px;
  margin: 0 auto; }


@media screen and (max-width: 768px) {
  .JS #TopicPath ul {
    padding: 15px 15px; } }
br.m {
  display: none; }
br.ms {
  display: none; }
br.s {
  display: none; }

#Contents h1 {
  text-align: center;
  font-weight: bold;
  font-size: 187.5%;
  color: #fff;
  background: #444;
  padding: 26px 0; }
@media screen and (max-width: 768px) {
  #Contents h1 {
    font-size: 150%;
    color: #fff;
    background: #444;
    padding: 30px 0; } }

#Contents .LeadText {
	margin-top: 30px;
	margin-bottom: 50px;
}

#Contents .NoSeminarBox {
	 background-color: #f2f2f2;
	border: solid 1px #ccc;
	text-align:center;
	padding: 20px;
	margin-top: 10px;
}
#Contents .NoSeminarBox p {
	font-weight: bold;
	margin-bottom:0;
}



#Contents .SeminarTable {
	margin-top: 20px;
}
#Contents .SeminarTable .SeminarTitle {
	min-width: 200px;
}
#Contents .SeminarTable .BgWhite {
	background-color: #fff;
}

@media screen and (max-width: 768px) {
  #Contents .SeminarTable .BgWhite {
	background-color: #f2f2f2;
}}


#Contents .SeminarHeading {
	position: relative;
	margin-bottom: 20px;
	text-align: center;
}
#Contents .SeminarHeading::after {
	position: absolute;
	content: '';
	display: inline-block;
	width: 50px;
	height: 3px;
	bottom: 10px;
	left: calc(50% - 50px);
	background-color: #b1000e;
}



#Contents .MononareContainer {
	max-width: 600px;
	margin: 0 auto 15px auto;
/*	margin: 20px auto 50px auto;
	background-color: #f2f2f2;
	padding: 15px;
	border: solid 1px #ccc;*/
}
#Popup #Contents .MononareContainer {
	max-width: 100%;
	margin-bottom: 20px;
	margin: 20px auto 50px auto;
	background-color: #f2f2f2;
	padding: 15px 15px 25px 15px;
	border: solid 1px #ccc;
}
#Contents .MononareContainer .MononareTitle {
	font-weight: bold;
	text-align: center;
	font-size: 112.25%;
}
#Popup #Contents .MononareContainer .MononareTitle {
	font-weight: bold;
	text-align: center;
	font-size: 100%;
	margin-bottom: 10px;
/*	margin-bottom: 20px;
	padding-bottom: 5px;
	position: relative;*/
}

#Popup #Contents .MononareContainer .ImageBlock {
	text-align: center;
}
#Popup #Contents .MononareContainer .ImageBlock a {
	position: relative;
	width: 300px;
	height: 200px;
	margin: auto;
	display: inline-block;
}
#Popup #Contents .MononareContainer .ImageBlock a .ImageBox {
	width: 100%;
	height: 100%;
	background: #aaa;
	background-size: contain!important;
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
	transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; }

#Popup #Contents .MononareContainer .ImageBlock a:hover {
	opacity: 0.7;
}





#Contents .MononareContainer .MononareButtons {
	display: flex;
	max-width: 420px;
	justify-content: space-between;
	margin: auto;
	margin-bottom: 40px;
}

#Popup #Contents .MononareContainer .MononareButtons {
	margin-bottom: 0;
}

@media screen and (max-width: 579px) {
	#Contents .MononareContainer .MononareButtons {
		flex-direction: column;
		justify-content: center;
	}
	#Contents .MononareContainer .MononareButtons li {
	  margin: auto;
		margin-top: 15px;
	}
	#Popup #Contents .MononareContainer .MononareTitle {
		margin-bottom: 0;
	}
}


#Contents .MononareContainer .MononareButtons li {
  display: inline-block;
  width: 200px;
	background-color: #b1000e;
	text-align: center;
}
#Contents .MononareContainer .MononareButtons li a {
	color: #fff;
	font-size: 90%;
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: 5px 5px;
	font-weight: bold;
	text-decoration: none;
}


#Contents .MononareContainer .MononareButtons li.MononareButtons_login {
	border: solid 1px #b1000e;
	background-color: #fff;
}

@media screen and (max-width: 767px) {
	#Contents .MononareContainer .MononareButtons li.MononareButtons_login {
		margin-top: 0;
	}
}

#Contents .MononareContainer .MononareButtons li.MononareButtons_login a,
#Contents .MononareContainer .MononareButtons li.MononareButtons_registration a {
	background-repeat: no-repeat;
	background-position: right 7px center;
	background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
	word-break: break-all;
}
#Contents .MononareContainer .MononareButtons li.MononareButtons_login a {
	color: #b1000e;
	background-image: url(../../../../../image/jp/r1/icon/icon_link_right_l_hd.gif);
}
#Contents .MononareContainer .MononareButtons li.MononareButtons_registration a {
	background-image: url("../../../../../image/jp/r1/icon/icon_link_right_l_white_hd.gif");
}
#Contents .MononareContainer .MononareButtons li.MononareButtons_login a:hover,
#Contents .MononareContainer .MononareButtons li.MononareButtons_login a:active,
#Contents .MononareContainer .MononareButtons li.MononareButtons_registration a:hover,
#Contents .MononareContainer .MononareButtons li.MononareButtons_registration a:active {
	background-position: right 5px center;
	text-decoration: underline;
}
#Contents dl.MononareProcedure dt {
	margin-bottom: 5px;
}

#Contents .LeadText dl.MononareProcedure {
  margin-top: 15px;
}


#Contents .CaseList {
	margin-top: 40px;
	width: 100%;
	background: #ebebe8;
	padding: 50px 0 140px; }
#Contents .CaseList .CaseListFlex {
	width: 1200px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 auto; }
#Contents .CaseList .CaseListFlex .CaseListContent {
	display: none;
	width: 580px;
	margin-bottom: 40px; }
#Contents .CaseList .CaseListFlex .CaseListContent > div {
	position: relative;}
#Contents .CaseList .CaseListFlex .CaseListContent .NewRibbon {
	position: absolute;
	font-weight: bold;
	top: 10px;
	left: -10px;
	z-index: 1;
	font-size: 12px;
	display: inline-block;
	width: 60px;
	text-align: center;
	color: #b1000e;
	border: solid 1px #b1000e;
	background-color: #fff;
	line-height: 180%;
	box-sizing: border-box!important;
}

#Contents .CaseList .CaseListFlex .CaseListContent .NewRibbon:before {
	position: absolute;
	bottom: -10px;
	left: 0;
	width: 0;
	height: 0;
	content: '';
	border-top: 10px solid #b1000e;
	border-left: 10px solid transparent;}

#Contents .CaseList .CaseListFlex .CaseListContent a {
	background: #fff;
	display: flex;
	width: 100%;
	height: 100%;
	text-decoration: none; }
#Contents .CaseList .CaseListFlex .CaseListContent a .ImageBlock {
	overflow: hidden;
	width: 230px;
	height: 220px; }
#Contents .CaseList .CaseListFlex .CaseListContent a .ImageBlock .ImageBox {
	width: 100%;
	height: 100%;
	background: #aaa;
	background-size: cover !important;
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
	transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; }


@media screen and (min-width: 768px) {
	#Contents .CaseList .CaseListFlex .CaseListContent a:hover .ImageBox {
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
		-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
		transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; } }
#Contents .CaseList .CaseListFlex .CaseListContent a .CaseListContentText {
	width: 350px;
	padding: 20px 30px;
	position: relative; }
#Contents .CaseList .CaseListFlex .CaseListContent a .CaseListContentText h2 {
	text-align: left;
	font-size: 100%;
	color: #4d4d4d;
	padding-bottom: 0;
	margin-bottom: 8px; }
#Contents .CaseList .CaseListFlex .CaseListContent a .CaseListContentText h2:after {
	position: static;
	content: "";
	display: inline-block;
	width: 20px;
	height: 24px;
	vertical-align: middle;
	background: url(/image/jp/r1/icon/icon_link_right_hd.gif) no-repeat right 4px bottom;
	background-size: cover; }
@media screen and (max-width: 1275px) {
	#Contents .CaseList .CaseListFlex {
		width: 100%; }
	#Contents .CaseList .CaseListFlex .CaseListContent {
		width: 48%; }
	#Contents .CaseList .CaseListFlex .CaseListContent a .CaseListContentText {
		padding: 14px 10px; }
	#Contents .CaseList .CaseListFlex .CaseListContent a .CaseListContentText p {
		font-size: 81.25%; } }
@media screen and (max-width: 994px) {
	#Contents .CaseList {
		padding: 40px 0 70px; }
	#Contents .CaseList .CaseListFlex .CaseListContent {
		width: 100%;
		margin-bottom: 20px; }
	#Contents .CaseList .CaseListFlex .CaseListContent a .ImageBlock {
		width: 40%;
		height: 100%;
		overflow: hidden; }
	#Contents .CaseList .CaseListFlex .CaseListContent a .ImageBlock .ImageBox {
		width: 100%;
		height: 100%; }
	#Contents .CaseList .CaseListFlex .CaseListContent a .CaseListContentText {
		width: 60%;
		padding: 14px 10px 14px 10px; }
	#Contents .CaseList .CaseListFlex .CaseListContent a .CaseListContentText h2 {
		font-size: 87.5%;
		margin-bottom: 6px; }
	#Contents .CaseList .CaseListFlex .CaseListContent a .CaseListContentText p {
		font-size: 81.25%;
		line-height: 1.4; }}
@media screen and (max-width: 500px) {
	#Contents br.ms {
		display: block; } }
@media screen and (max-width: 400px) {
	#Contents br.s {
		display: block; } }
@media screen and (max-width: 375px) {
	#Contents br.ms {
		display: none; }
	#Contents .CaseList .CaseListFlex .CaseListContent {
		min-height: 320px; } }



/*--- 隠しページのケースリスト（HTML構造が若干違う） ---*/

#Contents .CaseList .CaseListFlex .CaseListContent > div {
	background: #fff;
	display: flex;
	width: 100%;
	height: 100%;
	text-decoration: none; }
#Contents .CaseList .CaseListFlex .CaseListContent > div .ImageBlock {
	overflow: hidden;
	width: 230px; }
#Contents .CaseList .CaseListFlex .CaseListContent > div .ImageBlock .ImageBox {
	width: 100%;
	height: 100%;
	background-color: #000!important;
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
	transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; }
#Contents .CaseList .CaseListFlex .CaseListContent > div .CaseListContentText h2 {
	overflow: visible;
	margin-bottom: 0; }


@media screen and (min-width: 768px) {
	#Contents .CaseList .CaseListFlex .CaseListContent > div:hover .ImageBox {
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
		-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
		transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; }
}
#Contents .CaseList .CaseListFlex .CaseListContent > div .CaseListContentText {
	width: 350px;
	padding: 10px 20px;
	position: relative;}
#Contents .CaseList .CaseListFlex .CaseListContent > div .CaseListContentText h2 {
	text-align: left;
	font-size: 100%;
	color: #4d4d4d;
	padding-bottom: 0;
	margin-bottom: 8px;}
#Contents .CaseList .CaseListFlex .CaseListContent > div .CaseListContentText h2 a {
	padding: 0;}
@media screen and (max-width: 1275px) {
	#Contents .CaseList .CaseListFlex .CaseListContent > div .CaseListContentText {
		padding: 14px 10px; }
	#Contents .CaseList .CaseListFlex .CaseListContent > div .CaseListContentText p {
		font-size: 81.25%; } }
@media screen and (max-width: 994px) {
	#Contents .CaseList .CaseListFlex .CaseListContent > div .ImageBlock {
		width: 40%;
		height: 100%;
		overflow: hidden; }
	#Contents .CaseList .CaseListFlex .CaseListContent > div .ImageBlock .ImageBox {
		width: 100%;
		height: 100%; }
	#Contents .CaseList .CaseListFlex .CaseListContent > div .CaseListContentText {
		width: 60%;
		padding: 14px 10px 14px 10px; }
	#Contents .CaseList .CaseListFlex .CaseListContent > div .CaseListContentText h2 {
		font-size: 87.5%;
		margin-bottom: 6px; }
	#Contents .CaseList .CaseListFlex .CaseListContent > div .CaseListContentText p {
		font-size: 81.25%;
		line-height: 1.4; } }
@media screen and (max-width: 579px) {
	#Contents .CaseList .CaseListFlex .CaseListContent {
		height: auto;
		min-height: 360px; }
	#Contents .CaseList .CaseListFlex .CaseListContent > div {
		flex-direction: column;
		/*display: block;*/ }
	#Contents .CaseList .CaseListFlex .CaseListContent > div .ImageBlock {
		width: 100%;
		height: 180px;
		padding: 0; }
	#Contents .CaseList .CaseListFlex .CaseListContent > div .ImageBlock .ImageBox {
		width: 100%;
		height: 100%; }
	#Contents .CaseList .CaseListFlex .CaseListContent > div .CaseListContentText {
		display: flex;
		flex-direction: column;
		width: 100%;
		/*height: 50%;*/
		min-height: 180px;
		padding: 10px 10px 14px 10px; }
	#Contents .CaseList .CaseListFlex .CaseListContent > div .CaseListContentText p {
		line-height: 1.4; }
}
#Contents .CaseList .CaseListFlex .CaseListContent > div .CaseListContentText {
	display: flex;
	flex-direction: column; }
#Contents .CaseList .CaseListFlex .CaseListContent  > div .CaseListContentText .CaseListContentText_Label {
	margin-bottom: 10px; }
#Contents .CaseList .CaseListFlex .CaseListContent  > div .CaseListContentText .CaseListContentText_Label li {
	display: inline-block;
	border: solid 1px #444;
	padding: 3px 8px;
	font-size: 75%;
	border-radius: 15px;
 margin-bottom: 8px;}
#Contents .CaseList .CaseListFlex .CaseListContent > div .CaseListContentText .CaseListContentText_Label.NoCategory li {
	border: none; }
#Contents .CaseList .CaseListFlex .CaseListContent  > div .CaseListContentText .CaseListContentText_Date {
	font-size: 83%;
	margin-top: auto;
	text-align: right;
	margin-bottom: 5px;
}
#Contents .CaseList .CaseListFlex .CaseListContent > div .CaseListContentText .CaseListContentText_Info {
	text-align: right;
	color: #b1000e;
	font-size: 87.5%;
}
#Contents .CaseList .CaseListFlex .CaseListContent > div .CaseListContentText .CaseListContentText_Info a {
	position: relative;
	display: inline-block;
	text-decoration: underline;
}
#Contents .CaseList .CaseListFlex .CaseListContent > div .CaseListContentText .CaseListContentText_Info a:after {
  	position: static;
  	content: "";
  	display: inline-block;
  	width: 15px;
  	height: 15px;
  	vertical-align: middle;
  	background: url(/image/jp/r1/icon/icon_link_right.gif) no-repeat right bottom 1px;
}
#Contents .CaseList .CaseListFlex .CaseListContent > div .CaseListContentText .CaseListContentText_Info a:hover {
	text-decoration: none;
}
#Contents .CaseList .CaseListFlex .CaseListContent > div .CaseListContentText .CaseListContentText_InfoButton {
	text-align: right;
}
#Contents .CaseList .CaseListFlex .CaseListContent > div .CaseListContentText .CaseListContentText_InfoButton a {
	display: inline-block;
	width: 120px;
	height: 30px;
	margin: 0;
	text-align: center;
	font-size: 83%;
	line-height: 100%;
	background-image: url(../../../../../image/jp/r1/icon/icon_link_right_l_white_hd.gif);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
	word-break: break-all;
}
#Contents .CaseList .CaseListFlex .CaseListContent > div .CaseListContentText .CaseListContentText_InfoButton a:link,
#Contents .CaseList .CaseListFlex .CaseListContent > div .CaseListContentText .CaseListContentText_InfoButton a:visited {
	padding: 9px 22px 9px 15px;
	background-color: #b1000e;
	color: #fff;
	text-decoration: none;
	border-right: solid 3px transparent;
}
#Contents .CaseList .CaseListFlex .CaseListContent > div .CaseListContentText .CaseListContentText_InfoButton a:hover,
#Contents .CaseList .CaseListFlex .CaseListContent > div .CaseListContentText .CaseListContentText_InfoButton a:active {
	padding: 9px 24px 9px 15px;
	opacity: 0.7;
	color: #fff;
	text-decoration: none;
	border-right: solid 1px transparent;
}
#Contents .CaseList .CaseListFlex .CaseListContent > div .CaseListContentText .CaseListContentText_Button {
	margin-bottom: 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#Contents .CaseList .CaseListFlex .CaseListContent > div .CaseListContentText .CaseListContentText_Button li {
	display: inline-block;
	width: 49%;
	min-width: 110px;
}
#Contents .CaseList .CaseListFlex .CaseListContent > div .CaseListContentText .CaseListContentText_Button li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	text-align: center;
	padding: 0px 5px;
	color: #fff;
	font-size: 78%;
	border-radius: 5px;
}
#Contents .CaseList .CaseListFlex .CaseListContent > div .CaseListContentText .CaseListContentText_Button li a:hover {
	opacity: 0.8;
}
#Contents .CaseList .CaseListFlex .CaseListContent > div .CaseListContentText .CaseListContentText_Button li a.downloadButton {
	background-color: #13127C;
}
#Contents .CaseList .CaseListFlex .CaseListContent > div .CaseListContentText .CaseListContentText_Button li a.contactButton {
	background-color: #b1000e;
}
#Contents .CaseList .CaseListFlex .CaseListContent > div .CaseListContentText .CaseListContentText_Button li.LargeButton {
	width: 100%;
}


.None {
	display: none;
}
.show{
	display: block!important;
}
.nwp { white-space: nowrap; }


#FloatBtnStopper {
  position: relative;
  height: 60px; }
  @media screen and (max-width: 767px) {
    #FloatBtnStopper {
      height: 70px; } }


  #FloatBtnWrap .MononareContainer {
	 
	  padding: 5px 0 8px;
	  box-sizing: border-box;
    
    width: 100%;
	  height: 60px;
    
    background: rgba(60, 60, 60, 0.8);
    -webkit-transition: background 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    transition: background 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; }
  #FloatBtnWrap .MononareContainer > div {
	  box-sizing: border-box;
	  padding: 10px 0;
	  display: flex;
	  align-items: center;
	  margin: auto;
	  width: 722px;
	 }
@media screen and (max-width: 767px) {
	
	  #FloatBtnWrap .MononareContainer {
	  height: 70px; }
	
	#FloatBtnWrap .MononareContainer > div {
		padding: 2px 0;
		width: 100%;
		flex-direction: column; } }


#FloatBtnWrap .MononareContainer .MononareTitle {
	font-weight: bold;
	text-align: center;
	font-size: 82.25%;
	color: #fff;
	margin-right: 20px;
}
#FloatBtnWrap .MononareContainer .MononareButtons {
	display: flex;
	width: 420px;
	justify-content: space-between;
/*	margin: auto;*/
}
#FloatBtnWrap .MononareContainer .MononareButtons li {
  display: inline-block;
	width: 200px;
	height: 30px;
	background-color: #b1000e;
	text-align: center;
	margin-bottom: 0;
}
#FloatBtnWrap .MononareContainer .MononareButtons li a {
	color: #fff;
	font-size: 90%;
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: 3px 5px 0 5px;
	box-sizing: border-box;
	text-decoration: none;
	font-weight: bold;
}
#FloatBtnWrap .MononareContainer .MononareButtons li.MononareButtons_login {
	border: solid 1px #b1000e;
	background-color: #fff;
}
@media screen and (max-width: 767px) {
	#FloatBtnWrap .MononareContainer .MononareTitle {
		margin-right: 0;
		margin-bottom: 2px;
	}
	#FloatBtnWrap .MononareContainer .MononareButtons {
		max-width: 300px;
		width: 100%;
	}
	#FloatBtnWrap .MononareContainer .MononareButtons li {
	  width: 140px;
	}
}


#FloatBtnWrap .MononareContainer .MononareButtons li.MononareButtons_login a,
#FloatBtnWrap .MononareContainer .MononareButtons li.MononareButtons_registration a {
	background-repeat: no-repeat;
	background-position: right 7px center;
	background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
	word-break: break-all;
}
#FloatBtnWrap .MononareContainer .MononareButtons li.MononareButtons_login a {
	color: #b1000e;
	background-image: url(../../../../../image/jp/r1/icon/icon_link_right_l_hd.gif);
}
#FloatBtnWrap .MononareContainer .MononareButtons li.MononareButtons_registration a {
	background-image: url("../../../../../image/jp/r1/icon/icon_link_right_l_white_hd.gif");
}
#FloatBtnWrap .MononareContainer .MononareButtons li.MononareButtons_login a:hover,
#FloatBtnWrap .MononareContainer .MononareButtons li.MononareButtons_login a:active,
#FloatBtnWrap .MononareContainer .MononareButtons li.MononareButtons_registration a:hover,
#FloatBtnWrap .MononareContainer .MononareButtons li.MononareButtons_registration a:active {
	background-position: right 5px center;
	text-decoration: underline;
}
#FloatBtnWrap .MononareContainer .TextStyle2 {
	text-align: right;
	margin-top: 10px;
	margin-bottom: 0;
}
@media screen and (max-width: 767px) {
	#FloatBtnWrap .MononareContainer .MononareButtons li.MononareButtons_login a,
	#FloatBtnWrap .MononareContainer .MononareButtons li.MononareButtons_registration a {
		background-position: right 2px center;
	}
	#FloatBtnWrap .MononareContainer .MononareButtons li.MononareButtons_login a:hover,
	#FloatBtnWrap .MononareContainer .MononareButtons li.MononareButtons_login a:active,
	#FloatBtnWrap .MononareContainer .MononareButtons li.MononareButtons_registration a:hover,
	#FloatBtnWrap .MononareContainer .MononareButtons li.MononareButtons_registration a:active {
		background-position: right 0px center;
	}
}



#Popup #Contents .SeminarContentInner {
	max-width: 800px;
	margin: auto; }
#Popup #Contents .SeminarContentInner .SeminarTitle {
	background-color: #b1000e;
	color: #fff;
	font-weight: bold;
	font-size: 120%;
	margin-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px; }
#Popup #Contents .SeminarContentInner .SeminarSummary {
	margin-bottom: 30px; }
#Popup #Contents .SeminarContentInner .SeminarLecturer {
	padding-bottom: 15px; }
#Popup #Contents .SeminarContentInner .SeminarLecturer p {
	margin-bottom: 0; }
#Popup #Contents .SeminarContentInner .SeminarLecturer .SeminarLecturer_Name {
	font-weight: bold; }



#bigdataCaseFilter .CheckBoxArea {
	position:relative;
	display: table;
	width: 100%;
	padding: 0;
	border-top: 1px solid #fcfcfc; }
#bigdataCaseFilter .CheckBoxArea:after {
	content: "";
	position: absolute;
	z-index: 2;
	width: 0;
	height: 0;
	top: 50%;
	left: 130px;
	margin: -5px 0 0 0;
	border-left: 10px solid #444;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent; }
#bigdataCaseFilter .Legend {
	display: table-cell;
	width: 130px;
	text-align: center;
	vertical-align: middle;
	color: #ffffff;
	background-color: #444; }
#bigdataCaseFilter .Button {
	background-color: #eeeeee; }
#bigdataCaseFilter .CheckAreaSet {
	display: table-cell;
	padding: 15px 0 10px 25px;
	vertical-align: middle; }
#bigdataCaseFilter .CheckArea {
	position: relative;
	display: block;
	float: left;
	margin: 0 15px 5px 0;
	font-size: 100%; }
#bigdataCaseFilter .CheckArea input {
	position: absolute;
	top: 0;
	left: 0;
	width: 15px;
	height: 15px;
	vertical-align: middle;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	opacity: 0;
	cursor: pointer; }
#bigdataCaseFilter .CheckArea label {
	position: relative;
	z-index: 5;
	display: block;
	padding: 8px 15px 6px;
	color:#111;
	line-height: 110%;
	background-color: #ffffff;
	border-radius: 20px;
	cursor: pointer;
	-webkit-transition: 0.3s ease-in;
	-moz-transition: 0.3s ease-in;
	-o-transition: 0.3s ease-in;
	transition: 0.3s ease-in;
}
#bigdataCaseFilter .CheckArea input:hover + label,
#bigdataCaseFilter .CheckArea input:active + label {
	color: #ffffff;
	background-color: #b1000e;
}
.SP #bigdataCaseFilter .CheckArea input:hover + label,
.SP #bigdataCaseFilter .CheckArea input:active + label {
	color: inherit;
	background-color: #ffffff;
}
#bigdataCaseFilter .CheckArea input.checked + label,
.SP #bigdataCaseFilter .CheckArea input.checked + label {
	color: #ffffff;
	background-color: #b1000e;
}
#bigdataCaseFilter .ResetButtonArea {
	display: block;
	text-align: right;
	padding: 10px;
	padding-top: 0;
}
#bigdataCaseFilter input[type="reset"] {
	padding: 5px 15px 5px 15px;
	font-size: 87.5%;
	color:#fff !important;
	text-align: center;
	text-decoration: none;
	border: 1px solid #444;
	border-radius: 3px;
	background-color: #444;
	cursor: pointer;
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Arial,Helvetica,sans-serif;
	-webkit-transition: background-color 0.3s ease-in;
	-moz-transition: background-color 0.3s ease-in;
	-o-transition: background-color 0.3s ease-in;
	transition: background-color 0.3s ease-in;
	margin-right: 0;
}
#bigdataCaseFilter input[type="reset"]:hover,
#bigdataCaseFilter input[type="reset"]:active {
	background-color: #666;
}
.bigdataCaseFilterWrapper {
	display: none;
	margin-bottom: 20px;
}
.bigdataCaseFilterWrapper a.Toggle {
	width: 100%;
	margin-bottom: 0;
	padding: 11px 35px 9px 15px;
	font-size: 96%;
	box-sizing: border-box;
	background-image: none;
	border-right-style: none;
}
.bigdataCaseFilterWrapper a.Toggle:after {
	content: "";
	float: right;
	position: relative;
	top: 0.25em;
	right: -20px;
	width: 0;
	height: 0;
	border-top: none;
	border-bottom: 0.75em solid #ffffff;
	border-right: 0.75em solid transparent;
	border-left: 0.75em solid transparent;
}
.bigdataCaseFilterWrapper a.Toggle.open:after {
	border-top: 0.75em solid #ffffff;
	border-bottom: none;
}

@media screen and (min-width: 580px) {
	.JS #bigdataCaseFilter {
		display: block !important;
	}
}


/* [-] レスポンシブ対応
=========================================================================================== */


/* for - 1500px
=========================================================================================== */
@media screen and (max-width: 1500px) {

}


/* for - 994px
=========================================================================================== */
@media screen and (max-width: 994px) {

}

/* for - 767px
=========================================================================================== */
@media screen and (max-width: 767px) {
	
}

/* for - 579px
=========================================================================================== */
@media screen and (max-width: 579px) {

}

/* for - 399px
=========================================================================================== */
@media screen and (max-width: 399px) {

	/* 利活用事例トップ
	========================================================================================= */
	.JS #bigdataCaseFilter .CheckArea {
		float: none;
	}

}