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

@media print {
  a[href]:after {
    content: ""!important;
  }
  abbr[title]:after {
    content: ""!important;
  }
}

.navbar {
    /*min-height: 47px;*//*20190322追記*/
    min-height: 44px;
}

/* breadCramb */
.breadCramb {
	font-size: 12px;
}

.breadCramb a {
	color: #262626;
	text-decoration: underline;
}

.breadCramb a:hover {
	color: #2264bb;
	text-decoration: none;
}

/* ビジネスソリューション */
@media screen and (min-width:601px) and (max-width: 767px) {
	.mainCol .breadCramb {
		padding-top: 0; 
	}
}

@media screen and (min-width:321px) and (max-width: 600px) {
	.mainCol .breadCramb {
		padding-top: 181px; 
	}
}

@media screen and (max-width: 320px) {
	.mainCol .breadCramb {
		padding-top: 141px; 
	}
}

/* 情報誌・記事コンテンツ */
@media screen and (min-width:601px) and (max-width: 767px) {
	.mainCol2d .breadCramb {
		padding-top: 35px; 
	}
}

@media screen and (min-width:321px) and (max-width: 600px) {
	.mainCol2d .breadCramb {
		padding-top: 95px; 
	}
}

@media screen and (max-width: 320px) {
	.mainCol2d .breadCramb {
		padding-top: 85px; 
	}
}

@media screen and (max-width: 767px) {
	.mainCol0 .breadCramb {
		padding-top: 12%; 
		margin: 0 12px;
	}
	
	#blockTransplant01 h1 {
    margin: 0 12px 10px;
	}
}

/* ページトップ */
#page-top {
    position: fixed;
    bottom: 95px;
    right: 20px;
	z-index: 3;/*20170801追記*/
 }
#page-top a {
    display: block;
    background: #2263bb;
    width: 60px;
	border: 1px solid #fff;
}
#page-top a:hover {
    background: #2b7be7;
}

@media screen and (max-width: 767px) {
#page-top {
    position: fixed;
    bottom: -9px;
    right: 0;
    z-index: 3;
}

#page-top a {
    display: block;
    background: #2263bb;
    width: 52px;
    height: 45px;
    border-left: 1px dotted #fff;
    border-bottom: none;
    border-top: none;
    border-right: none;
}
}




/* カートに～個の商品が入っていますボタン */
#cart-floating-btn {
    position: fixed;
    bottom: 20px;
    right: 20px;
		color: #9DC3E6;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		border: 5px solid #9DC3E6;
		background-color: #fff;
		background-image: url(/common/images/cartIcon.png);
		background-repeat: no-repeat;
		background-position: 10px center;
		font-size: 1.2rem;
		padding: 5px 10px 5px 5.1rem;
}
#cart-floating-btn a {
		display: block;
}
#cart-floating-btn a:hover {
}
/*
@media screen and (max-width: 768px) {
	#cart-floating-btn {
	    bottom: 60px;
	 }
}
*/

/* 暫定高さ調整 メニュー1d */
@media screen and (min-width:991px) {
.mainCol {
	/*adding-top: 7%; */
	padding-top: 5.3%; 
}

	.mainCol0 .breadCramb {
		padding-top: 10px!important; 
	}


.sideCol {
	/*padding-top: 7%; */
	padding-top: 5%; 
}
}

@media screen and (min-width:768px) and (max-width:990px) {
.mainCol {
	/*padding-top: 120px; */
	padding-top: 92px; 
}
.sideCol {
	padding-top: 30px;
}
}

/* 暫定高さ調整 メニュー2d */
@media screen and (min-width:991px) {
.mainCol2d {
	padding-top: 11%; 
}
.sideCol2d {
	padding-top: 11%; 
}
}

/* 暫定高さ調整 メニュー0d */
@media screen and (min-width:768px) and (max-width: 990px) {
	.mainCol0 .breadCramb {
		padding-top: 45px!important; 
	}
	.sideCol0 {
	padding-top: 0!important; 
}
}


@media screen and (min-width:768px) and (max-width:990px) {
	
.mainCol2d {
	padding-top: 155px; 
}
.sideCol2d {
	padding-top: 30px; 
}
}

@media screen and (max-width: 600px){
.mainCol .breadCramb {
    padding-top: 45px;
    margin: 0 12px;
}

.drawer-overlay {
    margin-top: 44px;
}

}

/* カラムの高さ揃え */
.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}


/* 囲みブロック */
.leftBlock,
.rightBlock {
	width: 48%;	
	padding: 0 0;
	border: 1px solid #b5b5b5;
}

.leftBlock {
	margin-right: 5px;
}
.rightBlock {
	margin-left: 5px;
}

@media screen and (min-width: 769px) and (max-width: 1000px){

.leftBlock,
.rightBlock {
	margin: 0 5px 0 10px;
}
	
}

@media screen and (max-width: 768px){
.leftBlock,
.rightBlock {
	width: 100%;	
	border: none;
}

.leftBlock {
	margin-right: 0;
}
.rightBlock {
	margin-left: 0;
}
h2.ad02 {
	margin-left: -5px;
}
	
}

/*----------------------------------------------*/
/*ツールチップ指定　　　　　　　　　　　　　　　*/
/*----------------------------------------------*/
	.tooltip1 .blockTooltop1,
	.tooltip2 .blockTooltop1{
	display: none;
	}

	@media (min-width: 601px) {
	/* 表示文字の装飾 */
	.tooltip1{
	color: #555;
	display: inline-block;                        /* インライン要素化 */
	}
	
	.tooltip2{
	color: #555;
	display: block;                        
	}
	
	/* ツールチップ部分を隠す */
	.tooltip1 .blockTooltop1,
	.tooltip2 .blockTooltop1{
	display: none;
	}
	/* マウスオーバー */
	.tooltip1:hover,
	.tooltip2:hover	{
	position: relative;
	color: #333;
	}
	
	/* マウスオーバー時にツールチップを表示 */
	.tooltip1:hover .blockTooltop1	{
	display: block;                  /* ボックス要素にする */
	position: absolute;            /* relativeからの絶対位置 */
	top: 25px;
	left:35%;
	border:1px solid #CCC;
	padding:10px;
	width: 50%;
	font-size: 90%;
	z-index: 100;
	background-color:#FFF;
box-shadow:rgba(194, 194, 194, 0.65) 0px 0px 6px 3px;
-webkit-box-shadow:rgba(194, 194, 194, 0.65) 0px 0px 6px 3px;
-moz-box-shadow:rgba(194, 194, 194, 0.65) 0px 0px 6px 3px;
	}
	
	.tooltip2:hover .blockTooltop1	{
	display: block;                  /* ボックス要素にする */
	position: absolute;            /* relativeからの絶対位置 */
	top: 25px;
	left:35%;
	border:1px solid #CCC;
	padding:10px;
	width: 100%;
	font-size: 90%;
	z-index: 100;
	background-color:#FFF;
box-shadow:rgba(194, 194, 194, 0.65) 0px 0px 6px 3px;
-webkit-box-shadow:rgba(194, 194, 194, 0.65) 0px 0px 6px 3px;
-moz-box-shadow:rgba(194, 194, 194, 0.65) 0px 0px 6px 3px;
	}
	
		.tooltip1:hover .blockTooltop1 .boxImg01,
		.tooltip2:hover .blockTooltop1 .boxImg01		{
			float:left;
			width:30%;
		}
		.tooltip1:hover .blockTooltop1 .boxTxt01,
		.tooltip2:hover .blockTooltop1 .boxTxt01{
			float:right;
			width:65%;
			padding:0;
			text-indent:0;
		}
	
/* clearfix----------- */
.tooltip1:hover .blockTooltop1:before,
.tooltip1:hover .blockTooltop1:after,
.tooltip2:hover .blockTooltop1:before,
.tooltip2:hover .blockTooltop1:after {
  content: "";
  display: table;
}
.tooltip1:hover .blockTooltop1:after,
.tooltip2:hover .blockTooltop1:after {
  clear: both;
}
.tooltip1:hover .blockTooltop1,
.tooltip2:hover .blockTooltop1{
  zoom: 1;
}
	}



/*----------------------------------------------*/
/*見出し画像指定　　　　　　　　　　　　　　　　*/
/*----------------------------------------------*/
.bgSearch01 {
  background: url(/img/common/bg_search01.jpg) left 50% no-repeat;
}
.PageTitle01 {
  padding-top: 0;
  background-size: 100% auto;
}
.hPageTitle01 {
  background-color: rgba(250, 250, 250, 0.4);
  padding: 10px 15px 0;
  letter-spacing: 0.1em;
}
.txtPageTitle01 {
  padding-top: 0;
}
@media (min-width: 768px) {
  .PageTitle01 {
    padding-top: 80px;
    margin-bottom: 20px;
  }
  .txtPageTitle01 {
    padding-top: 20px;
  }
}
/*ボーダー系*/
.hBdrBtm01 {
  border: 1px solid #CCC;
  border-left: 5px solid #517cf1;
  padding: 5px;
  margin-bottom: 10px;
  font-weight: bold;
}
.hBdrBtm01 h1 {
  margin: 0 0 0 0;
  padding: 0 0 0 0 0;
}
.hBdrBtmGray01 h1,
.hBdrBtmGray01 h2,
.hBdrBtmGray01 h3,
.hBdrBtmGray01 h4,
.hBdrBtmGray01 h5,
.hBdrBtmGray01 h6 {
  border-bottom: 1px solid #888888;
  padding-bottom: 5px;
}
.hBdrBtm02 {
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}
.hBdrLft01 {
  border-left: 5px solid #517cf1;
  color: #517cf1;
  padding: 3px;
  font-weight: bold;
}
.hBdrLeft01 {
border: 1px solid #c9c9c9;
background-color:#F1F1F1;
border-left: 5px solid #4385f5;
display: block;
font-size: 17px;
font-weight: bold;
line-height: 1.2;
list-style-position: outside;
margin: 0 0 1em;
padding: 0.7em 5px 0.5em 10px;
}
.hBdrLeft01 span {
}
.hBgGray01 {
  background-color: #ffffff;
  padding: 5px 5px 5px 5px;
  font-weight: bold;
}
/*背景色系*/
.hBgBlue01 {
  background-color: #517cf1;
  padding: 10px 5px 10px 15px;
  margin: 0 0 10px 0;
  color: #FFF;
}
.hBgBlue02 {
  background-color: #517cf1;
  padding: 5px 5px 5px 15px;
  margin: 0 0 10px 0;
  color: #FFF;
}
.hBgBlue03 {
  background-color: #517cf1;
  padding: 5px;
  margin: 0 0 10px 0;
  color: #FFF;
}
.hBldBlue01 {
  color: #517cf1;
  font-weight: bold;
}
.hBldGray01 {
  color: #444444;
  font-weight: bold;
}

.hBlueIco01{
	background: url(/img/common/h3_back01.gif) no-repeat 5px top;
	margin-bottom: 12px;
	padding: 0 0 2px 25px;
	border-bottom: 1px #c9c9c9 solid;
	font-size: 116.6%;
	font-weight:bold;
}


/*個別指定*/
/*H1*/

#blockTransplant02 h1{
	background-color: #4385f5;
	/*background:url(/img/common/bg_dot01.png) repeat left top;*/
	padding: 8px 5px 8px 15px;
	margin: 0 0 10px 0;
	color: #FFF;
	font-size: 26px;
	font-weight: bold;
	letter-spacing: 0em;
}
#blockTransplant01 h1,h1 {
	font-family: NotoSansCJKjp-Regular, Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	padding: 0 5px 8px 5px;
    margin: 0 0 10px 0;
    color: #262626;
    font-size: 26px;
    font-size: 3.2rem;
    letter-spacing: 0;
    border-bottom: 1px solid #ccc;
}

.blockSearchResult01 .blockBdrBrandPrimary01 .row h2 {
  border-bottom: 1px solid #888888;
  padding-bottom: 5px;
  margin: 0 0 10px 0;
  font-weight: bold;
  padding-top: 5px;
  font-size: 153.9%;
}
.blockSearchResult01 .blockBdrBrandPrimary01 .row h3 {
  margin: 0 0 5px 0;
}

.blockTxtBottom01{ position:relative;}
.blockTxtBottomFix01{
	position:absolute;
	bottom:0;
}

/*タイトル・見出しスタイル*/

#blockTransplant01 h2 {
	margin: 0 0;
	padding: 0 0;
	background: none;
	border: none;
	font-family: serif;
	line-height: 1.2;
	zoom:1;
}

h2.trn02,
#blockTransplant01 h2.trn02,
#blockTransplant01 h2.trn025 {
 color: inherit !important;
    text-indent: -0.9em;
    padding-left: 1em;
    font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Yu Mincho", "ＭＳ 明朝", serif;
    font-size: 2.8rem !important;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: 0.05em;
}

#blockTransplant01 h2.trn02b {
 color: inherit !important;
 padding: 15px 5px;
 border-width: 1px 1px 1px 0;
 border-color: #2263bb;
 border-style: solid;
 font-family: "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "Osaka", "MS PGothic", sans-serif;
 font-size: 2.3rem !important;
 line-height: 1.3;
 letter-spacing: 0;
}

#blockTransplant01 h2.trn02,
#blockTransplant01 h2.trn025 {
 margin: 0 0 10px;
 /*padding: 0 0;*/
 background: none;
 border:none;
}

#blockTransplant01 h2.trn02b {
 margin: 0 0 10px;
 /*padding: 0 0;*/
 background: none;
 /*border:none;*/
}

@media screen and (max-width: 600px) { 
#blockTransplant01 h2.trn02b {
  border: none;
}
}

h2.trn02:before,
#blockTransplant01 h2.trn02:before {
 content: "-";
 color: #2264bb;
 font-family: serif;
 font-size: 1.4em;
 font-weight: bold;
 padding-right: 10px;
}

#blockTransplant01 h3.trn03,
#blockTransplant02 h3 {
 margin: 0;
 padding: 0;
 background-image: none;
 border: none;
}

h3.trn03,
#blockTransplant01 h3.trn03,
#blockTransplant02 h3 {
 color: #2263bb;
 margin-top: 0;
 margin-bottom: 6px;
 font-size: 1.8rem;
 font-weight: bold;
 line-height:1.6;
}

h3.trn03 a
a h3.trn03 {
 color: #2263bb!important;
 }

h3.trn03 a:hover {
 color: #6592d0;
}

h3.trn03 a span {
 color: #262626;
 font-size: 1.4rem;
 font-weight: normal;
}

h3.trn03 a span:hover {
 color: #686868;
}

h4.trn04,
#blockTransplant01 h4.trn04,
#blockTransplant02 h4.trn04 {
	margin: 0 0 4px;
	padding: 5px 0 4px 5px;
	background-image:none;
	border-bottom: 1px #c9c9c9 solid;
	line-height: 1.2;
	font-weight:normal;
	font-size:1.8rem;
	letter-spacing: 0;
}

h5.trn05,
#blockTransplant01 h5.trn05,
#blockTransplant02 h5.trn05 {
	margin: 0 0 4px;
	padding: 5px 0 4px 5px;
	background-image:none;
	border-bottom: 1px #c9c9c9 solid;
	line-height: 1.2;
	font-weight:normal;
	font-size:1.6rem;
	letter-spacing: 0;
}

h6.trn06,
#blockTransplant01 h6.trn06,
#blockTransplant02 h6.trn06 {
	color: #262626;
	font-size: 1.6rem;
	font-weight: bold;
}

/* 販促・広告・広報支援タイトル */
h2.ad02,
#blockTransplant01 h2.ad02 {
	margin-bottom: 10px;
	padding-left: 3.0rem;
	background: url(/common/images/dashBlue.png) no-repeat left center;
	font-family: "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "Osaka", "MS PGothic", sans-serif;
	font-size: 1.4rem;
	letter-spacing: 0.05em;
	line-height: 1.2;
	font-weight: normal;
}

h2.ad02 span {
	font-size: 2.0rem;
	font-weight: bold;
}

#blockTransplant01 h1.rs01 {
	border: none;
	padding-bottom: 0;
	margin-bottom: 5px;
}

#blockTransplant01 p.rs03 {
	font-size: 1.4rem;
	border-bottom: 1px solid #ccc;
	margin: 0 0 15px 0;
}
 
 /* 本文基本スタイル */
 p {
	font-size: 1.4rem;
	line-height: 1.5;
 }
 
/* 商品（アイテム）紹介　2017228追記 */
.sBrd {
 margin: 0 0 20px;
}

.sBrdWrapp {
 position: relative;
}

img.btnAbsolute {
 width: 245px;
 position: absolute;
 bottom: 3.2rem;
 left: 43.5rem;
}

.blockBlue {
 margin: 0 0;
 padding: 15px 12px;
 border: solid 1px #2263bb;
 background: #f5f9ff;
}

.blockYl {
 margin: 0 0;
 padding: 15px 12px;
 border: solid 1px #e3b700;
 background: #fffdf6;
}

.blockGray {
 margin: 0 0;
 padding: 15px 12px;
 border: solid 1px #ccc;
 background: #f6f6f6;
}

/*20170626 Block指定追記*/

.LiteGrBox,
.WhtBox {
 border-top: 1px solid #bec0bf;
 border-right: 1px solid #bec0bf;
 border-left: 1px solid #bec0bf;
}

.LiteGrBox {
 padding: 15px 12px;
 background: #f6f7fb;
 border-bottom: none;
 font-weight: bold;
}

.WhtBox {
 padding: 10px 12px 0;
 border-bottom: 1px solid #bec0bf;
}

/*20170626 Block指定追記終わり*/


.notice {
    margin: 0 auto;
    padding: 10px;
    background-color: #FFFBD9;
    width: 98%;
}

.notice ul li:before {
content: "※";
}

.notice ul li {
 list-style:none;
 padding-left:0;
 text-indent:-1em;
 margin-bottom:4px;
 font-size:1.3rem;
}

ul.kadai{
 padding-left: 9.5rem;
 list-style:none;
}

.kadai li {
 padding: 2px 0 5px 36px;
 color:#262626;
 background:url(/common/images/icon_checked.png) no-repeat left 2px;
}

ul.guideLine {
 padding-left: 0;
 list-style:none;
 font-size: 1.4rem;
}
.guideLine li {
 padding: 2px 0 5px 5px;
}

.guideLine li:before {
 content: "- ";
}

/*20190320追記*/
.plsNew {
	display: inline-block;
	color: #fff;
	margin: 0 0;
	padding: 4px 12px;
    background: #d05915;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

/* 商品紹介 表組01 */
.tbl01 {
 width: 100%;
 border-collapse: collapse;
 table-layout: fixed;
}

.tbl01 th{
 padding: 15px!important;
 text-align: center;
 vertical-align: middle;
 color: #333;
 background-color: #ebf3fe;
 border: 1px solid #b9b9b9;
}

.tbl01 th.mth {
 width: 15%;
}

.tbl01 td{
 padding: 15px!important;
 background-color: #fff;
 border: 1px solid #b9b9b9;
 vertical-align: middle;
}

/*　テーブル、囲み下 caption　*/
.notice12 {
 margin: 0 5px;
 padding: 0 5px;
}
.notice12 p {
 margin: 0 0 5px!important;
 padding-left: 1em;
 text-indent: -1em;
 font-size: 1.2rem;
}

@media screen and (max-width: 768px) {
.sBrd {
    margin: 0 -5px 20px;
}

.tbl01 th.mth {
 width: 25%;
}

.notice12 {
 margin: 0 0;
}
}
 
 /* 商品（アイテム）紹介　2017228追記 */
 
/*----------------------------------------------*/
/*リスト　　　　　　　　　　　　　　　　　　　　*/
/*----------------------------------------------*/
/*TOPサーチ用（リスト縦方向）*/
.listT01 li {
  display: block;
}
.listT01 li input {
  vertical-align: top;
  margin-right: 5px;
}
.listT01 li label {
  display: inline-block;
  vertical-align: bottom;
}

.listT02 li {
  display: block;
  margin: 0 5px 5px 0;
  font-size: 1.4rem;
}
.listT02 li input {
  vertical-align: middle;
  margin-top: 0px;
  margin-right: 5px;
}
.listT02 li label {
  display: inline-block;
  vertical-align: middle;
  margin-top: 6px;
  font-weight: normal;
}

ul.moreInfo,
ul.moreInfo_R {
 list-style: none;
 padding-left:0;
 letter-spacing: 0.1em;
 line-height:1.65;
}

ul.moreInfo li,
ul.moreInfo_R li,
.moreInfo {
 background: url(/content/images/training/arrwBtmGray02.png) no-repeat left center;
 padding-left: 20px;
 margin-bottom: 20px;
 font-size: 1.4rem;
}

ul.moreInfo li a,
ul.moreInfo_R li a,
.moreInfo a {
 color: #262626;
}

ul.moreInfo li a:hover,
ul.moreInfo_R li a:hover,
.moreInfo a:hover {
 text-decoration:none;
 color: #686868;
}

ul.moreInfo li span,
ul.moreInfo_R span,
.moreInfo span {
 color: #2264bb;
 font-size: 1.6rem;
 font-weight: bold;
}

ul.moreInfo li a:hover span,
ul.moreInfo_R li a:hover span,
.moreInfo a:hover span  {
 color: #6592d0;
}

@media (max-width: 767px) {
ul.moreInfo,
ul.moreInfo_R {
    margin: 10px 0;
}

ul.moreInfo li,
ul.moreInfo_R li,
.moreInfo {
    /*margin: 10px 0;*/
    padding: 0 25px 10px 50px;
    border-bottom: 2px solid #b6b6b6;
    background: url(/content/images/training/arrwBtmGray02.png) no-repeat 25px center;
}

ul.moreInfo li:first-child {
    border-top: 2px solid #b6b6b6;
    padding-top: 10px;
}

.itemLst {
	padding-right: 0;
	padding-left: 0;
	background-color: #f6f7fb;
}

.moreInfo {
    padding: 10px 25px 10px 40px;
    margin-bottom: 0;
    background-position-x: 15px;
}

.btmBdr {
	border-bottom: 2px solid #b6b6b6;
}

.btmTp {
	border-top: 2px solid #b6b6b6;
}	

	
.listT02 li {
  font-size: 1.2rem;
}
}

.bg_checkbox li {
    position: relative;
    display: block;
    margin: 0 32px 0 0;
    padding: 0;
}
 
.bg_checkbox input {
    position: absolute;
    top: 0;
    opacity: 0;
    width: 100%;  
    height: 100%;
}28
 
.bg_checkbox input[type="checkbox"] + label {
    display: block;
    background-image: url(/common/images/bg_checkbox_off.png);
    background-size: 20px;
    background-position: left center;
    background-repeat: no-repeat;
    padding: 4px 0 0 26px;
	font-weight: normal;
    font-size: 1.4rem;
}
 
.bg_checkbox input[type="checkbox"]:checked + label {
    background-image: url(/common/images/bg_checkbox_on.png);
}

@media (max-width: 767px) {
.bg_checkbox input[type="checkbox"] + label {
    background-size: 20px;
    font-size: 1.2rem;
}
}

/*TOPサーチ用（）*/
.listGreenDot01 {
  padding: 0;
}
.listGreenDot01 li {
  border: 1px dotted #00CD00;
  padding: 15px 10px;
  list-style-type: none;
  width: 100%;
  margin-bottom: 5px;
}
.listGreenDot01 li .txt01 {
  padding: 0 10px 0 0;
  display: block;
}
.listGreenDot01 li a {
  background: url(/img/common/ico_arrow_green02.png) no-repeat left center;
  padding: 1px 0 1px 20px;
  display: block;
  color: #00D130;
}
@media (min-width: 600px) {
  .listGreenDot01 li .txt01,
  .listGreenDot01 li a {display: inline;}
}
/*アイコン　ライブテキスト*/
.listIcoDisk01,
.listIcosquare01,
.listIcosquareCart01,
.listIcosquareGray01,
.listIcoSearch01,
.listIcoTriangle01,
.listIcoTriangle02,
.listIcoDot01 {
  margin: 0;
  padding: 0;
}
.listIcoDisk01 li,
.listIcosquare01 li,
.listIcosquareCart01,
.listIcosquareGray01 li,
.listIcoSearch01 li,
.listIcoTriangle01 li,
.listIcoTriangle02 li,
.listIcoDot01 li {
  list-style-type: none;
  list-style-position: outside;
  text-indent: -1em;
  padding-left: 1em;
}

.listIcoDisk01 li a,
.listIcosquare01 li a,
.listIcosquareCart01 li a,
.listIcosquareGray01 li a,
.listIcoSearch01 li a,
.listIcoTriangle01 li a,
.listIcoTriangle02 li a,
.listIcoDot01 li a{color:#777;}

.listIcoDisk01 li:before,
.listIcosquare01 li:before,
.listIcoSearch01 li:before,
.listIcoTriangle01 li:before,
.listIcoTriangle02 li:before,
.listIcoDot01 li:before {
  color: #517cf1;
  padding-right: 0.5em;
}
.listIcosquareCart01 li:before {
  color: #517cf1;
/*  padding-right: 0.5em;*/
}
.listIcosquareGray01 li:before {
  color: #9FA0A0;
  padding-right: 0.5em;
}
.listIcoDisk01 li:before {content: '●';}
.listIcosquare01 li:before,
.listIcosquareGray01 li:before {
	content: '■';
	display: table-cell;
	vertical-align: middle;
	width: 1%;
}
.listIcoSearch01 li:before,
.listIcosquareCart01 li:before {
	content: '■';
}
.listIcoTriangle01 li:before {content: '▼';}
.listIcoTriangle02 li:before {content: '＞';}
.listIcoDot01 li:before{content: '・';}
.listIcoSquare01 {list-style-type: square;}
.listIcoSearch01 {list-style-type: square;}
.listIcoSquareCart01 {list-style-type: square;}

.sitemap .listIcoDisk01{margin-left:25px;}
.listBdrSearch01 ,
.listBdrDotGray01 {
  margin: 0;
  padding: 0;
  list-style-position: inside;
	font-size:108%;
}
.listBdrSearch01 li:first-child ,
.listBdrDotGray01 li:first-child {
  border-top: 1px dotted #666666;
}
.listBdrDotGray01 li {
	display: table;
  border-top: 1px dotted #666666;
  padding-top: 5px;
  margin-bottom: 5px;
}

.listBdrDotGray01 span{
	display:table-cell;
	vertical-align : middle;
	width: 8em;
	padding: 0 15px;
}

.listBdrDotGray01 a{
	/* width: 82%;*/
	display:table-cell;
	vertical-align : middle;
	text-indent: 0em;
}

/* listBdrSearch01…検索結果の「さらに読み込む」で利用されるクラス */
.listBdrSearch01 li{
  border-top: 1px dotted #666666;
  padding-top: 5px;
  margin-bottom: 5px;
}

.listBdrSearch01 li em{
  font-style:normal !important;
}

/*アイコン　画像*/
.listIcoCheck01,
.listIcoCheck02 {
  margin: 15px 0 15px 15px;
  padding: 0;
	list-style-type:none;
	
}
.listIcoCheck01 li,
.listIcoCheck02 li  {
  float: left;
  margin-bottom: 10px;
	padding-left:1.5em;
	text-indent:-1.5em;
}

.listIcoCheck01 li {width: 48%;}
.listIcoCheck02 li {width: 100%;}
.listIcoCheck01 li a,
.listIcoCheck02 li a {
	padding: 2px 10px 0 20px;
	color:#777;
	background: url(../img/common/ico_check01_off.png) no-repeat left center;
	}
.listIcoCheck01 li a:hover,
.listIcoCheck01 li a:active,
.listIcoCheck02 li a:hover,
.listIcoCheck02 li a:active {
  background: url(../img/common/ico_check01_on.png) no-repeat left center;
  color: #517CF1;
}
.listIcoCheck01 li a:hover,
.listIcoCheck02 li a:hover { color:#517CF1;}



/*タブ*/
.listTab01_5 {
 display: flex;
　display: -webkit-flex;
 justify-content: flex-start;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 padding-left:0;
 font-size: 1.4rem;
 line-height: 1.2;
 letter-spacing: 0;
 list-style:none;
}

.listTab01_5 li {
 margin: 0 3px 3px 0;
 width: 48.8%;
}

.listTab01_5 li a {
　display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 justify-content: center; /* 横方向中央揃え */
 color: #fff;
 padding: 20px 10px;
 /*background:#1F4E79 url("/common/images/arrWh_R.png") no-repeat  no-repeat 93% 51%;*/
 background-color: #1F4E79;
}

.listTab01_5 li a:hover {
background-color: #5C9CD6;
}

.listTab01_5 li a:active,
.listTab01_5 li a.active {
background-color: #2E75B6;
}


.listTab01_6 {
  margin: 0 -3px 15px 0;
  padding: 0 0 0 0;
}
.listTab01_6 li {
  width: 48.8%;
  display: block;
  float: left;
  margin: 0 3px 3px 0;
  padding: 0 0 0 0;
  font-size: 14px;
  color: #666464;
  background-color: #DCDDDD;
}
.listTab01_6 li:nth-child(even),
.listTab01_5 li:nth-child(even) {
	float: right;
	}

.listTab01_6 li a {
  display: block;
  padding: 7px 0 7px 0;
  text-indent: -0.3em;
}
.listTab01_6 li .glyphicon,
.listTab01_6 li.active .glyphicon {
  color: #FFF;
  font-size: 14px;
  float: left;
  width: 10%;
  text-align: center;
}
.listTab01_6 li .glyphicon {padding: 0.1em 0 0 0.7em;}
.listTab01_6 li.active .glyphicon {padding: 0.1em 0 0 0.7em;}
.listTab01_6 li a .txt01 {
  float: right;
  width: 82%;
}
.listTab01_6 li.active,
.listTab01_6 li.active a {
  background-color: #517cf1 !important;
  color: #FFFFFF !important;
}
.listTab01_6 li:hover {background-color: #f1f1f1;}

@media (min-width: 694px) {
  .listTab01_6 li,
  .listTab01_5 li {
	  width: 24%;
	  }
  .listTab01_6 li:nth-child(even),
  .listTab01_5 li:nth-child(even) {
	  float: left;
	  }
}
@media (min-width: 940px) {
  .listTab01_6 li,
  .listTab01_5 li {
	  width: 19.5%;
	  }
  .listTab01_6 li:nth-child(even),
  .listTab01_5 li:nth-child(even) {
	  float: left;
	  }
}

/* タブメニュー カラムスタイル 20170123追記 */
.list-group-itemTb {
 color:#2264bb;
 padding: 5px 5px;
 height: 40px;
 line-height: 1.1;
 border-bottom: 2px solid #b7babe;
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 justify-content: center; /* 横方向中央揃え */
}

a.list-group-itemTb:hover,
a.list-group-itemTb:focus,
.list-group-itemTb.active:hover,
.list-group-itemTb.active:focus {
 /*text-decoration: none;*/
 color: #fff;
 background-color: #5C9CD6;
 border-top-color: #5C9CD6;
 border-bottom: 2px solid #b7babe;
 }

.list-group-itemTb.active {
  color: #fff;
  background-color: #2264bb ;
 border-top: 2px solid #184785;
 border-bottom-color:#2264bb;
 }

a.list-group-itemTb {
  color: #2264bb;
  font-weight: normal;
  background-color: #e4e8ed;
}

.list-group-itemTb:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.list-group-itemTb:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

/*201804 ソリューション改修 タブスタイル追記*/
a.list-group-item.sumRv {
    display: flex;
	display: -ms-flexbox;
    justify-content: center;
    align-items: center;
    color: #5483c1;
	line-height: 1.4;
    background: #fff url(/content/images/training/arrwBtmGray.png) no-repeat 8px center;
    background-position: 16px 32px;
    border-color: #2264bb;
    font-weight: bold;
}

a.list-group-item.sumRv,
.list-group-item.sumRv.active, .list-group-item.sumRv.active:hover, .list-group-item.sumRv.active:focus {
    background-image: none;
}

a.list-group-item.sumRv:hover,
a.list-group-item.sumRv:focus {
    background-color: #2264bb;
	background-image: none;
}

.list-group-item.sumRv.active, 
.list-group-item.sumRv.active:focus {
    background-color: #2264bb;
	background-image: none;
    border-color: #b1c2cc;
}

.list-group-item.sumRv.active:hover {
	color: #5483c1;
    background-color: #fff;
	background-image: none;
    border-color: #2264bb;

}

@media screen and (min-width: 768px) {
.list-group-item {
 height: 58px;
}
}

@media screen and (max-width: 768px) {
a.list-group-item.sumRv { 
 -webkit-justify-content: left;
 -ms-justify-content: left;
 justify-content: left;
 -webkit-align-items: center;
 -ms-align-items: center;
 align-items: center;
 padding-left: 2.8rem;
}
}



/*　タブここまで　*/

/* clearfix----------- */
.listTab01_6:before,
.listTab01_6:after,
.listTab01_6 li a:before,
.listTab01_6 li a:after {
  content: "";
  display: table;
}
.listTab01_6:after,
.listTab01_6 li a:after { clear: both;}
.listTab01_6,
.listTab01_6 li a {zoom: 1;}
/*----------------------------------------------*/
/*BTN   　　　　　　　　　　　　　　　　　　　　*/
/*----------------------------------------------*/
.applyBtn img:hover {
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}

/*ボタンTOPページ用*************************************************/
.btnTopOrenge01,
.btnTopGreen01 {
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  border-radius: 9px;
  border: 1px dotted #517cf1;
  display: inline-block;
  cursor: pointer;
  color: #517cf1;
  font-weight: 900;
  font-size: 20px;
  padding: 15px 10px 15px 3em;
  /*width: 80%;*/
  width: 100%;
  text-decoration: none;
}
.btnTopOrenge01 {background: #ffffff url(../img/common/ico_arrow_gray01.png) no-repeat 1em center;}
.btnTopGreen01 {background: #ffffff url(../img/common/ico_arrow_gray01.png) no-repeat 1em center;}
.btnTopOrenge01:hover,
.btnTopGreen01:hover {
  color: #517cf1;
  text-decoration: none;
}
.btnTopOrenge01:hover {background: #ffffff url(../img/common/ico_arrow_orange01.png) no-repeat 1em center;}
.btnTopGreen01:hover {background: #ffffff url(../img/common/ico_arrow_green01.png) no-repeat 1em center;}
.btnTopOrenge01:active,
.btnTopGreen01:active {
  position: relative;
  top: 1px;
}
.btnTopOrenge02 a {
  width: 80%;
  margin: 0 auto;
  display: block;
  color: #ffffff;
  padding: 15px 20px;
  text-decoration: none;
  background-color: #fd931b;
  text-align: center;
  font-size: 1.3em;
}

.btnTopOrenge03{
	border-top:1px dotted #CCC;
	padding-top:30px;
}
.btnTopOrenge03 a {
  width: 45%;
  margin: 0 auto;
  display: block;
  color: #ffffff;
  padding: 15px 20px;
  text-decoration: none;
  background-color: #fd931b;
  text-align: center;
  font-size: 1.3em;
}
/*ボタン検索第二階層用*************************************************/
.blockBtnSch01 .listBtn01 li {
  width: 48.8%;
}
.blockBtnSch01 .listBtn01 li:nth-child(even) {
  float: left;
}
.blockBtnSch01 .listBtn01 li:nth-child(odd) {
  float: right;
}
/*ボタンエリアの囲み*************************************************/
#nav {
  margin: 0;
  padding: 0;
}
#nav li {
  list-style-type: none;
}
.blockBtnInq01 {
  width: 80%;
	text-align:center;
  margin: 0 auto 20px;
}
.blockBtnInq01 .listBtn01 {
  margin: 0 -2px 0 0;
  padding: 0 0 0 0;
  list-style-type: none;
	text-align:center;
}



.blockBtnInq02 {
  margin: 0 auto 20px;
}
.blockBtnInq02 .listBtn01 {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  list-style-type: none;
}
.bnrArea {
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 15px;
}

.bnrArea img {
	margin: 0 auto;
}

/*ボタンの位置*************************************************/
.blockBtnInq01 .listBtn01 {
  width: 100%;
  margin: 0 auto;
}
.blockBtnInq01 .listBtn01 li {
	display:inline-block;
}
.listBtn01 li a:hover {
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.btnYellow01 .txt01,
.btnGray01 .txt01 {
  padding-top: 3px;
  display: inline-block;
  width: 70%;
}
.btnMaruDotBlue01 .txt01 {
  padding-top: 3px;
  display: inline-block;
  width: 88%;
}
/*ボタンのベース*************************************************/
.btnBase01 {position: relative;}

.btnYellow01 {background-color: #F5E633;}
.btnYellow01,
.btnYellow01 a {color: #595757;}
.btnGray01 {background-color: #DCDDDD;}
.btnGray01,
.btnGray01 a {color: #898989;}
.btnBdrTB01 {
  border-top: 2px solid #595757;
  border-bottom: 2px solid #595757;
}
.btnMaruDotBlue01 {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px dotted #4385F5;
  font-size: 108%;
  vertical-align: middle;
}
.btnMaruDotBlue01,
.btnMaruDotBlue01 a {color: #4385F5;}

/*ボタンのサイズ*************************************************/
.btnL {
  width: 100%;
  margin: 0 0 3px 0;
  clear: both;
}
.blockBtnInq01 .listBtn01 .btnS {
  width: 49.6%;
  margin: 0 0 3px 0;
  float: left;
}
.blockBtnInq01 .listBtn01 .btnS:nth-child(odd) {
  float: right;
  margin: 0 0 3px 0;
}
.blockBtnInq01 .listBtn01 img {width: 100%;}
.blockBtnInq01 .listBtn01 li {margin: 0 5px 5px 0;}
.blockBtnInq02 .listBtn01 a,
.blockBtnInq02 .listBtn01 .noLink {
  display: block;
  width: 100%;
  font-size: 116%;
  font-weight: bold;
}

.blockBtnInq02 .listBtn01 a {
  font-size: 1.4rem;
  font-weight: normal;
  padding-right: 15px;
}

.blockBtnInq02 .listImgBtn01 {
  width: 92%;
  float: right;
}
.blockBtnInq02 .listImgBtn01 li {
  text-align: right;
  margin: 0 2px 3px 0;
}
.blockBtnInq02 .listImgBtn01 li img {
  display: block;
  height: auto;
  text-align: right;
  max-width: 100%;
}
.blockBtnInq02 .listImgBtn01 li:first-child {
  /* margin-bottom: 20px; */
}
.blockBtnInq02 .listTxetBtn01 li {
  padding: 7px 10px 7px 30px;
  margin-left: 9%;
  width: 92%;
}
@media (max-width: 767px) {
.blockBtnInq02 .listTxetBtn01 li {
  margin-left:0;
  width: 100%;
}
}

.blockBtnInq02 .listTxetBtn01 li.btnL {
  background: url(../img/common/ico_arrow_gray01.png) no-repeat 5px center;
}
.blockBtnInq02 .listTxetBtn01 li.btnL2 {
  background: url(/content/images/training/arrwBtmGray02.png) no-repeat 10px center;
  margin-left:20%;
}
.sideTel,
.sideBtn {
	margin:0 0 0 9% !important;
}
.sideTel a{cursor: default;}
.sideBtn a{
	margin:0 0 0 0;
	padding:0 0 5px 0;
display:block;
}


@media (max-width: 767px){
.sideTel,
.sideBtn {
	width:100%;
	text-align:center;
	padding:0 0 0 0;
	margin:0 0 0 0 !important;
}
.sideTel img,
.sideBtn img{
	margin: 0 auto;
}
}





.mainBtn { display:inline-block;}
.mainBtn a:hover,
.sideBtn a:hover{
	filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
	}
/*アイコン*****************************/
.icoArrowGray01 {
  background-position: 0 center;
  background-image: url(../img/common/ico_arrow_gray01.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 16px;
  min-height: 28px;
  float: left;
  margin-right: 10px;
}
.blockBtnInq01 .ico01 { background-position: 0 0;}
.blockBtnInq01 .ico02 { background-position: 0 -34px;}
.blockBtnInq01 .ico03 { background-position: 0 -68px;}
.blockBtnInq01 .ico04 { background-position: -2px -101px;}
.blockBtnInq01 .ico05 { background-position: -2px -135px;}
.blockBtnInq01 .ico06 { background-position: 0 0;}
.blockBtnInq01 .ico07 { background-position: 0 0;}
.blockBtnInq01 .ico08 { background-position: 0 0;}
.blockBtnInq01 .ico09 { background-position: 0 0;}
/**/
.blockBtnInq02 .ico01 { background-position: 0 0;}
.blockBtnInq02 .ico02 { background-position: 0 -24px;}
.blockBtnInq02 .ico03 { background-position: 0 -51px;}
.blockBtnInq02 .ico04 { background-position: -2px -76px;}
.blockBtnInq02 .ico05 { background-position: -2px -100px;}
/***********/
.blockBtnInq01 .ico01,
.blockBtnInq01 .ico02,
.blockBtnInq01 .ico03,
.blockBtnInq01 .ico04,
.blockBtnInq01 .ico05,
.blockBtnInq01 .ico06,
.blockBtnInq01 .ico07,
.blockBtnInq01 .ico08,
.blockBtnInq01 .ico09,
.blockBtnInq02 .ico01,
.blockBtnInq02 .ico02,
.blockBtnInq02 .ico03,
.blockBtnInq02 .ico04,
.blockBtnInq02 .ico05,
.blockBtnInq02 .ico06,
.blockBtnInq02 .ico07,
.blockBtnInq02 .ico08,
.blockBtnInq02 .ico09 {
  background-image: url(../img/common/ico_inq_group01_03.png);
  background-repeat: no-repeat;
  display: block;
  float: left;
}
.blockBtnInq01 .ico01,
.blockBtnInq01 .ico02,
.blockBtnInq01 .ico03,
.blockBtnInq01 .ico04,
.blockBtnInq01 .ico05,
.blockBtnInq01 .ico06,
.blockBtnInq01 .ico07,
.blockBtnInq01 .ico08,
.blockBtnInq01 .ico09 {
  background-size: 40px auto;
  width: 40px;
  height: 34px;
}
.blockBtnInq02 .ico01,
.blockBtnInq02 .ico02,
.blockBtnInq02 .ico03,
.blockBtnInq02 .ico04,
.blockBtnInq02 .ico05,
.blockBtnInq02 .ico06,
.blockBtnInq02 .ico07,
.blockBtnInq02 .ico08,
.blockBtnInq02 .ico09 {
  background-size: 30px auto;
  width: 30px;
  height: 25px;
  margin-right: 10px;
}
/***********/
.btnGray01 .ico01,
.btnGray01 .ico02,
.btnGray01 .ico03,
.btnGray01 .ico04,
.btnGray01 .ico05,
.btnGray01 .ico06,
.btnGray01 .ico07,
.btnGray01 .ico08,
.btnGray01 .ico09 {
  opacity: 0.6;
}
.icoTel {
  background-image: url(../img/common/ico_tel01_03.png);
  background-repeat: no-repeat;
  background-size: 40px auto;
  width: 40px;
  display: inline-block;
  height: 40px;
}
.btnBdrTB01 .txt01 {
  display: inline-block;
  width: 80%;
}
/* clearfix----------- */
.blockBtnInq01 .listBtn01:before,
.blockBtnInq01 .listBtn01:after,
.blockBtnInq02 .listBtn01:before,
.blockBtnInq02 .listBtn01:after,
.blockBtnInq01 .listBtn01 li:before,
.blockBtnInq01 .listBtn01 li:after,
.blockBtnInq02 .listBtn01 li:before,
.blockBtnInq02 .listBtn01 li:after,
.blockBtnInq02 .listImgBtn01:before,
.blockBtnInq02 .listImgBtn01:after,
.btnBase01 a:before,
.btnBase01 a:after,
.btnBase01 span:before,
.btnBase01 span:after {
  content: "";
  display: table;
}
.blockBtnInq01 .listBtn01:after,
.blockBtnInq02 .listBtn01:after,
.blockBtnInq01 .listBtn01 li:after,
.blockBtnInq02 .listBtn01 li:after,
.blockBtnInq02 .listImgBtn01:before,
.btnBase01 a:after,
.btnBase01 span:after {
  clear: both;
}
.blockBtnInq01 .listBtn01,
.blockBtnInq02 .listBtn01,
.blockBtnInq01 .listBtn01 li,
.blockBtnInq02 .listBtn01 li,
.blockBtnInq02 .listImgBtn01,
.btnBase01 a,
.btnBase01 span {
  zoom: 1;
}
/* END */
/* IE6 :hover 常に一番下に置く*/
/** html div#side div.submenu ul li {   behavior: expression((function(obj){if(typeof(onenter) == 'undefined'){onenter = function(){this.className += ' hover'};onleave = function(){this.className = this.className.replace(/ hover/, '')}};obj.runtimeStyle.behavior = 'none';obj.onmouseenter = onenter;obj.onmouseleave = onleave})(this))}*/
@media (max-width: 767px) {
  .blockBtnInq01 {width: 100%;}
  .blockBtnInq01 .listBtn01 a {font-size: 14px;}
}


/* clearfix----------- */
.blockFlo01:before,
.blockFlo01:after {
	content: "";
	display: table;
}
.blockFlo01:after {clear: both;}
.blockFlo01 {zoom: 1;}
/* ------------------- */


/*-------------------------------
アコーディオン
-------------------------------*/
.listAc01{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px dotted #4385F5;
	font-size: 108%;
	vertical-align: middle;
	margin-left: 9%;
	padding:0;
	clear:both;
}
@media (max-width: 767px) {.listAc01 {margin-left:0;}}

.listAc01 .title01{
	display:block;
	/*    line-height:50px;
	text-align:center;*/
	cursor:pointer;
	background: url(../img/common/ico_arrow_gray01.png) no-repeat 5px center;
	padding-left:10px;
	color:#4385F5;
	font-size: 116%;
	font-weight:bold;
	padding:7px 10px 7px 30px;
}
.listAc01 .title01:hover,
.listAc01 .title02:hover{
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.listAc01 .title01.active{
		background: url(../img/common/ico_arrow_gray02.png) no-repeat 5px center;
		opacity:1;
		transition:all 0.3s;
    }
.listAc01 .title02{
	color:#4385F5;
	cursor:pointer;
	font-weight:bold;
	margin-bottom:5px;
}
.listAc01 .body01{display:none;}
.listAc01 .body01 ul{
	padding:0;
	margin:0 0 10px 33px;
	display:block;
}
.listAc01 .body01 ul a{
	padding:0 0 5px 0;
	/*color:#4385F5;*/
	color:#777;
	display:block;
}
.listAc01 .body01 ul b{color:#517CF1;}

/*-------------------------------
アコーディオン(開いたまま)
-------------------------------*/
.listAc02{
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px dotted #4385F5;
  font-size: 108%;
  vertical-align: middle;
  margin-left: 8%;
	padding:0;
}

.listAc02 .title01{
    display:block;
		background: url(../img/common/ico_arrow_gray02.png) no-repeat 5px center;
    padding-left:10px;
		color:#4385F5;
		font-size: 116%;
		font-weight:bold;
		padding:7px 10px 7px 30px;
    }

.listAc02 .body01 ul{
	padding:0;
	margin:0 0 10px 33px;
	display:block;
}
.listAc02 .body01 ul a{
	padding:0 0 10px 0;
	/*color:#4385F5;*/
	color:#777;
	display:block;
	font-weight:bold;
}

.listAc02 .body01 ul b{color:#517CF1;}

/*----------------------------------------------------------------------

サイドナビデザイン追加

------------------------------------------------------------------------*/
.titleCategory01{
	color:#FFF;
	font-weight:bold;
	font-size:1.2em;
	text-align:left;
	padding:6px 0 6px 30px;
	background:#4385F5 url(/img/common/ico_check02.png) no-repeat 7px center;
	background-size:20px auto;
	border-bottom:1px solid #CCCCCC;
}


/*----------------------------------------------------------------------

事例ポップアップ用デザイン

------------------------------------------------------------------------*/
.blockJirei01{
/*padding:0 15px;
	height:550px;
	overflow-y:scroll;*/
}
.blockJirei01 .boxJirei01{
	border:1px solid #CCC;
	padding:0 0 0 0;
	margin-bottom:5px;
}

.blockJirei01 .boxJirei01 .titleJireiCgy01{
	font-weight:bold !important;
	background:none !important;
	background-color:#F1F1F1 !important;
	font-size:1.2em !important;
	border:none !important;
	border-left:4px solid #4385F5 !important;
	border-bottom:1px solid #CCC !important;
	padding:10px !important;
}

.blockJirei01 .boxJirei01 .unitJireiL01{
	margin:15px;
	border-bottom:1px dotted #CCC;
	padding-bottom:10px;
	}
.blockJirei01 .boxJirei01 .unitJireiL01:last-child{
	border-bottom:none;
	padding-bottom:0;
}

.blockJirei01 .boxJirei01 .unitJireiL01 .img01{
	width:20%;
	float:left;
}
.blockJirei01 .boxJirei01 .unitJireiL01 .txt01{
	width:78%;
	float:right;
	padding:0;
	margin:0;

}
.blockJirei01 .boxJirei01 .unitJireiL01 .txt01 h3{
	background:none !important;
	border:none !important;
	padding:4px 5px 0 !important;
	margin:0 0 5px 0!important;
	font-size:1.4em !important;
	color:#4385F5 !important;
}

.blockJirei01 .boxJirei01 .unitJireiL01 .txt01 .title01{
	background-color:#f1f1f1;
	padding:3px 5px 2px;
	margin:0 0 10px 0 !important;
	font-size:1.2em;
}
.blockJirei01 .boxJirei01 .unitJireiL01 .txt01 .note01{
	margin:0 0 5px 0 !important;
}

.blockJirei01 .boxJirei01 .unitJireiL01 .txt01 .txtLink01{
	margin:0 0 10px 10px;
	padding:0 0 0 20px;
	background:url(../img/common/ico_check01_off.png) no-repeat left top;
}
.blockJirei01 .boxJirei01 .unitJireiL01 .txt01 .txtLink01:hover{
	background:url(../img/common/ico_check01_on.png) no-repeat left top;
}
.blockJirei01 .boxJirei01 dl{
	padding:0 15px 0;
	margin:0 0 0 0;
}
.blockJirei01 .boxJirei01 dl dt{
	background-color:#f1f1f1;
	padding:4px 5px 0;
	margin-bottom:5px;
	font-size:1.2em;
	padding-bottom:5px;
}

.blockJirei01 .boxJirei01 dl dd{
	margin:0 0 10px 10px;
	padding:0 0 0 20px;
	background:url(../img/common/ico_check01_off.png) no-repeat left top;
}
.blockJirei01 .boxJirei01 dl dd:hover{
	background:url(../img/common/ico_check01_on.png) no-repeat left top;
}


.blockJirei01 .boxJirei01 .unitJireiL01:before,
.blockJirei01 .boxJirei01 .unitJireiL01:after {
  content: "";
  display: table;
}
.blockJirei01 .boxJirei01 .unitJireiL01:after {
  clear: both;
}
.blockJirei01 .boxJirei01 .unitJireiL01 {
  zoom: 1;
}

/* 20161221追記 */
.panel-title {
  margin-top: 0.4em;
  margin-bottom: 0.3em;  
}

.panel-title a {
  display: block;
}

.panel-title a:not([aria-expanded="true"]):after {
    content: url(/content/images/training/btnPls.png);
    vertical-align : -88%;
}

.panel-title a[aria-expanded="true"]:after{
    content: url(/content/images/training/btnMin.png);
    vertical-align :  -88%;
}

/* 20170216追記 */
.tabMenu {
 margin-left: 5px;
}
/* 20170216追記終わり */

.anchorMenu {
 padding-left:0;
 padding-right: 2px;
}

.anchorTtl,
#blockTransplant01 p.anchorTtl {
	font-family: "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "Osaka", "MS PGothic", sans-serif;
	margin: 0 1px 5px;
	line-height: 1.4;
}

.anchorTtl02 {
 margin: 0 0;
}

a.list-group-item.outLnk {
  background: #fff url("/content/images/training/arrwBtmGray02.png") no-repeat 8px center;
}

.blklnk {
 color: #444444!important;
}

.blklnk p span {
 display:inline-block;
 color:#2263bb; 
 line-height:1.6;
}

.publkLnk a:hover {
 text-decoration: none;
}

.panel-secondary {
  border-color: transparent;
  border-bottom: 2px solid #bfbfbf;
   -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}
.panel-default > .panel-heading {
  color: #444444;
  background-color: #f6f6f6;
  border-color: #f6f6f6;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #f6f6f6;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #f6f6f6;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom: 2px solid #bfbfbf;
}

.panel-heading {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}


.panel-heading {
    padding: 0;
}

p.contact {
 font-size: 2.2rem;
 line-height: 1.2;
}
p.contact span {
 color: #255aa6;
 font-weight: bold;
}

.figPu {
 height: 205px;
 overflow: hidden;
}

/* 3行以上... */
.lineclamp {

  /* config */
  font-size:1.4rem;
  line-height: 1.5;
  height: 60px;
  background-color: #fff;
  /* config end */

  position: relative;
  padding-right: 1em;
  overflow: hidden;
}

.lineclamp:before {
  content: "...";
  position: absolute;
  right: 5px;
  bottom: 0;
  display: inline-block;
  width: 1em;
}

.lineclamp:after {
  content: "";
  position: relative;
  margin-left: -1em;
  right: -1em;
  float: right;
  width: 1em;
  height: 100%;
  background-color: inherit;
}
/* 3行以上...追記終わり */

/* 4行以上... 20170111追記*/
.lineclamp04 {

  /* config */
  font-size:1.2rem;
  line-height: 1.5;
  height: 90px;
  color:#444;
  background-color: #fff;
  /* config end */

  position: relative;
  padding-right: 1em;
  overflow: hidden;
}

.lineclamp04:before {
  content: "...";
  position: absolute;
  right: 5px;
  bottom: 0;
  display: inline-block;
  width: 1em;
}

.lineclamp04:after {
  content: "";
  position: relative;
  margin-left: -1em;
  right: -1em;
  float: right;
  width: 1em;
  height: 100%;
  background-color: inherit;
}
/* 4行以上...追記終わり */

/* 2行以上...20180618追記*/
.lineclamp02 {

  /* config */
  font-size:1.4rem;
  line-height: 1.5;
  height: 39px;
  background-color: #fff;
  /* config end */

  position: relative;
  padding-right: 1em;
  overflow: hidden;
}

.lineclamp02:before {
  content: "...";
  position: absolute;
  right: 5px;
  bottom: 5px;
  display: inline-block;
  width: 1em;
}

.lineclamp02:after {
  content: "";
  position: relative;
  margin-left: -1em;
  right: -1em;
  float: right;
  width: 1em;
  height: 100%;
  background-color: inherit;
}
/* 2行以上...追記終わり */

/* 1行以上...20180618追記*/
.lineclamp01 {

  /* config */
  font-size:1.4rem;
  line-height: 1.5;
  height: 20px;
  background-color: #fff;
  /* config end */

  position: relative;
  padding-right: 1em;
  overflow: hidden;
}

.lineclamp01:before {
  content: "...";
  position: absolute;
  right: 5px;
  bottom: 5px;
  display: inline-block;
  width: 1em;
}

.lineclamp01:after {
  content: "";
  position: relative;
  margin-left: -1em;
  right: -1em;
  float: right;
  width: 1em;
  height: 100%;
  background-color: inherit;
}
/* 1行以上...追記終わり */

/* 活用事例　case01.css 追記分 */
.grbox_Left {
	padding-right: 15px!important;
	padding-left: 10px!important;
	border-right: 2px solid #CDCDCD!important;
}
/* 活用事例　case01.css 追記終わり */

/*20170814追記SMPタブメニュー*/
ul.tbMn {
 font-size: 1.6rem;
}

ul.tbMn li a {
	position: relative;
	display: block;
    padding: 10px 15px;
    background-color: rgba(246, 246, 246, 0.9);
    border-bottom: 2px solid #e9e9e9;
    color: #4385F5;
}

ul.tbMn li a:after {
	content: " \f054";
    font-family: FontAwesome;
    position: absolute;
    right: 1.8rem;
    top: 0.8rem;
    font-size: 1.9rem;
}

ul.tbMn li a:hover {
    background-color: #2264bb; 
    color: #fff;
}

ul.tbMn.slctd li a {
    background-color: #2264bb;
	border-top: 1px dotted #fff;
	color: #fff;
	text-decoration:none;
	cursor:pointer;
}

ul.tbMn.slctd li a.collapsed {
    background-color: #367bda;
}

ul.tbMn.slctd li a.collapsed:after,
nav.navbar-fixed-bottom ul.tbMn.slctd li a:after  {
	content: " \f078";
    font-family: FontAwesome;
    position: absolute;
    right: 1.6rem;
    top: 0.6rem;
    font-size: 1.9rem;
}

ul.tbMn.slctd li a:after,
nav.navbar-fixed-bottom.slctd ul.tbMn li a.collapsed:after {
	content: " \f078";
    font-family: FontAwesome;
    position: absolute;
    right: 1.6rem;
    top: 0.6rem;
    font-size: 1.9rem;
}
/*20170814追記終わり*/


@media screen and (max-width: 768px) {
/* 20170216追記 > 20180417追記*/
#blockTransplant01 h1,
h1 {
    /*margin: 0 -5px 10px;*/
    margin: 0 5px 10px;
}

.tabMenu {
    margin-left: 0;
}
/* 20170216追記 */
	
h2.trn02,
#blockTransplant01 h2 {
    /*padding-left: 3.0rem;*/
    /*text-indent: -3.2rem;*/
    padding-left: 2.0rem;
    text-indent: -2.4rem;
}

a.list-group-item {
 border-color: transparent;
 border-bottom: 2px solid #b6b6b6;
}

a.list-group-item.fst {
 border-top: 2px solid #b6b6b6;
}

.blockDVD01 {
    border-color: #fff;
}

.anchorTtl {
    margin: 0 1px 5px;
}

p.anchorTtl a {
    background-color: #2264bb;
}

p.anchorTtl a.list-group-itemTb {
  color: #fff;
  font-weight: normal;
  background-color: #1F4E79;
}

p.anchorTtl a.list-group-itemTb:hover,
p.anchorTtl a.list-group-itemTb:focus,
.list-group-itemTb.active:hover,
.list-group-itemTb.active:focus {
 background-color: #5C9CD6;
}

p.anchorTtl a.list-group-itemTb.active {
  color: #fff;
  background-color: #2E75B6 ;
}

a.list-group-itemTb {
  color: #fff;
  font-weight: normal;
  background-color: #1F4E79;
}

.list-group-item {
 -webkit-justify-content: left;
 justify-content: left;
 align-items: left;
 padding-left: 2.8rem;
}

.btn-secondary {
  width: 100%;
}

.panel-body {
    padding: 0;
}

p.contact {
 font-size: 1.8rem;
 line-height: 1.2;
 letter-spacing:-1px;
}

.figPu {
 height: 108px;
 padding: 0 2px;
}

.grbox_Left {
	border-right: 0px solid #CDCDCD!important;
}

}


/*----------------------------------------------------------------------

スマートフォン用MailToボタン

------------------------------------------------------------------------*/
.btnSpMailTo01{ display:none;}

@media (max-width: 600px) {
.btnSpMailTo01{
	display:block;
	margin: 0 0;
	z-index: 1;
	}
.btnSpMailTo01 a{
	display: block;
	position: relative;
	width: 100%;
	color: #fff;
	margin: 0 0;
	padding: 12px 15px;
	background-color: #66c5d4;
	border-top: 1px dotted #fff;
	text-decoration: none;
	cursor: pointer;
	font-size: 1.4rem;
	letter-spacing: 0.1em;
	text-align: left;
	}
.btnSpMailTo01 a:hover{
	filter: alpha(opacity=85);
  -moz-opacity: 0.85;
  opacity: 0.85;
	text-decoration:none;
	}
	
.btnSpMailTo01	.glyphicon-send::before{
	font-size: 1.6rem;
	padding:0 10px 0 0;
	}
}

@media screen, print and (min-width: 601px) { 
.menuArea {
 padding: 0 15px;
}
.onlySMP,
span.onlySMP img {
  display: none;
}
.spmgn1em,
.spmgn2em {
  margin-left: 0;
}
}

@media screen and (max-width: 600px) { 
.menuArea {
 padding: 0 0;
}

.onlySMP,
span.onlySMP img {
  display: block;
}
.onlyPC,
span.onlyPC,
span.onlyPC img {
  display: none;
}

.spmgn2em {
  margin-left: 1.5em;
  margin-right: 1.5em;
}

.spmgn1em {
  margin-left: 1em;
  margin-right: 1.5em;
}

.spmgn0em {
  margin-left: -5px;
  margin-right: -5px;
}


}

@media screen and (max-width: 480px){
div[class^="col-"] {
    padding: 0;
}
}
/*　20161221追記終わり　*/


/*----------------------------------------------------------------------

検索フォーム

------------------------------------------------------------------------*/

@media screen and (min-width: 768px) {
	/*----------search----------*/
	.search-bg {
		background-color: #ffffff;
		padding-top: 60px;
	}
	.search-area {
		position: relative;
		margin: 0;
	}
	.search-txt {
		font-size: 1.8rem;
	}
	.search-block {
		position: relative;
		padding: 0 15px;
		width: 100%;
	}
	h3.search-tit,
	#blockTransplant01 h3.search-tit,
	#blockTransplant02 h3.search-tit {
		color: rgb(34, 99, 187);
		font-family: "ヒラギノ明朝 ProN W6", HiraMinProN-W6, HG明朝E, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
		font-size: 3.2rem;
		font-weight: normal;
		text-align: center;
	}
	.search-Box {
		padding: 10px 0;
		border-radius: 5px;
		background: #f2f2f2;
	}
	.search-block .btn-secondary a {
		width: 172px;
		height: 50px;
		font-size: 1.6rem;
		display: block;
		padding: 10px 15px;
	}
	.search-block li input {
		position: absolute;
		top: 0;
		opacity: 0;
		width: 100%;
		height: 100%;
	}
	.search-Box ul.bg_checkbox {
		padding-left: 20px;
	}
	.search-Box ul.bg_checkbox li {
	    position: relative;
	    display: block;
	    padding: 8px 0;
	    margin: 0;
	}
	.search-block li input[type="checkbox"] + label {
		display: block;
		background-image: url(../common/images/bg_checkbox_off.png);
		background-size: 20px;
		background-position: left center;
		background-repeat: no-repeat;
		padding: 4px 0 0 26px;
		font-weight: normal;
		line-height: 1.4;
		font-size: 1.4rem;
	}
	.search-block li input[type="checkbox"]:checked + label {
		background-image: url(../common/images/bg_checkbox_on.png);
	}
}

.search-area {
    position: relative;
	margin: 0;
}
.search-block {
    position: relative;
}
.search-tit,
#blockTransplant01 h3.search-tit,
#blockTransplant02 h3.search-tit {
    color: rgb(34, 99, 187);
    font-family: "ヒラギノ明朝 ProN W6", HiraMinProN-W6, HG明朝E, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    padding: 0 10px;
    font-size: 3.2rem;
    font-weight: normal;
    text-align: center;
}
.search-txt {
	font-size: 1.8rem;
}
.search-block table,
.search-block td,
.search-block th {
	border-collapse: collapse;
    border: 2px solid #b6b6b6;
}
.search-block td {
    position: relative;
    padding: 10px;
}
.search-block td input {
    position: absolute;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
}
.search-block td input[type="checkbox"] + label {
    display: block;
    background-image: url(../common/images/bg_checkbox_off.png);
    background-size: 20px;
    background-position: left center;
    background-repeat: no-repeat;
    padding: 4px 0 0 26px;
    font-weight: normal;
    font-size: 1.4rem;
}
.search-block td input[type="checkbox"]:checked + label {
    background-image: url(../common/images/bg_checkbox_on.png);
}

@media screen and (max-width: 767px) {
	.search-bg {
		background-color: #ffffff;
		padding-top: 50px;
	}
	.search-area {
		position: relative;
		margin: 0;
	}
	.search-block {
		position: relative;
	}
	.search-tit {
		color: rgb(34, 99, 187);
		font-family: "ヒラギノ明朝 ProN W6", HiraMinProN-W6, HG明朝E, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
		font-size: 3.2rem;
		font-weight: normal;
		text-align: center;
	}
	.search-Box {
		margin-left: -2px;
		margin-right: -2px;
		background: #f2f2f2;
	}
	.search-txt {
		font-size: 1.6rem;
		line-height: 1.5;
		margin: 0 14px;
	}
	.search-block table,
	.search-block td,
	.search-block th {
		border-collapse: collapse;
		border: 2px solid #b6b6b6;
	}
	.search-block td {
		position: relative;
		padding: 15px 10px;
	}
	.search-block td input {
		position: absolute;
		top: 0;
		opacity: 0;
		width: 100%;
		height: 100%;
	}
	.search-block td input[type="checkbox"] + label {
		display: block;
		background-image: url(../common/images/bg_checkbox_off.png);
		background-size: 20px;
		background-position: left center;
		background-repeat: no-repeat;
		padding: 4px 0 0 26px;
		font-weight: normal;
		line-height: 1.4;
		font-size: 1.2rem;
	}
	.search-block td input[type="checkbox"]:checked + label {
		background-image: url(../common/images/bg_checkbox_on.png);
	}	
}

/*----------------------------------------------------------------------

白抜きアイコン（グランドトップ）

------------------------------------------------------------------------*/

.label-second {
	width: 72px;
	/*height: 27px;
	margin-bottom: 5px;*/
	height: 28px;/*20170803追記*/
	margin-bottom: 4px;
	background: #c41306;
	display: inline-block;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 27px;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	border-radius: 0;
}
.label-third {
	width: 72px;
	/*height: 27px;
	margin-bottom: 5px;*/
	height: 22px;/*20170803追記*/
	margin-bottom: 0;/*20170803追記*/
	background: #3c5891;
	display: inline-block;
	font-size: 1.2rem;
	font-weight: bold;
	/*line-height: 27px;*/
	line-height: 2.0;/*20170803追記*/
	color: #fff;
	text-align: center;
	vertical-align: middle;
	border-radius: 0;
}
.label-fourth {
	width: 72px;
	/*height: 27px;
	margin-bottom: 5px;*/
	height: 21px;/*20170803追記*/
	margin-bottom: 0;/*20170803追記*/
	background: #439e74;
	display: inline-block;
	font-size: 1.2rem;
	font-weight: bold;
	/*line-height: 27px;*/
	line-height: 2.0;/*20170803追記*/
	color: #fff;
	text-align: center;
	vertical-align: middle;
	border-radius: 0;
}
.label-fifth {
	width: 72px;
	height: 27px;
	margin-bottom: 5px;
	background: #864cb2;
	display: inline-block;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 27px;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	border-radius: 0;
}
.label-sixth {
	width: 72px;
	height: 27px;
	margin-bottom: 5px;
	background: #e25281;
	display: inline-block;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 27px;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	border-radius: 0;
}
.label-seventh {
	width: 72px;
	height: 27px;
	margin-bottom: 5px;
	background: #e88316;
	display: inline-block;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 27px;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	border-radius: 0;
}
.label-eighth {
	width: 72px;
	height: 27px;
	margin-bottom: 5px;
	background: #719ae6;
	display: inline-block;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 27px;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	border-radius: 0;
}

/*----------------------------------------------------------------------

白抜きアイコン（検索結果）

------------------------------------------------------------------------*/

.label-second-search {
	height: 20px;
	margin-bottom: 5px;
	padding: 0 5px;
	background: #c41306;
	display: inline-block;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 20px;
	color: #fff;
	text-align: center;
	text-indent: 0;
	vertical-align: middle;
	border-radius: 0;
}
.label-third-search {
	height: 20px;
	margin-bottom: 5px;
	padding: 0 5px;
	background: #3c5891;
	display: inline-block;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 20px;
	color: #fff;
	text-align: center;
	text-indent: 0;
	vertical-align: middle;
	border-radius: 0;
}
.label-fourth-search {
	height: 20px;
	margin-bottom: 5px;
	padding: 0 5px;
	background: #439e74;
	display: inline-block;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 20px;
	color: #fff;
	text-align: center;
	text-indent: 0;
	vertical-align: middle;
	border-radius: 0;
}
.label-fifth-search {
	height: 20px;
	margin-bottom: 5px;
	padding: 0 5px;
	background: #864cb2;
	display: inline-block;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 20px;
	color: #fff;
	text-align: center;
	text-indent: 0;
	vertical-align: middle;
	border-radius: 0;
}
.label-sixth-search {
	height: 20px;
	margin-bottom: 5px;
	padding: 0 5px;
	background: #e25281;
	display: inline-block;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 20px;
	color: #fff;
	text-align: center;
	text-indent: 0;
	vertical-align: middle;
	border-radius: 0;
}
.label-seventh-search {
	height: 20px;
	margin-bottom: 5px;
	padding: 0 5px;
	background: #e88316;
	display: inline-block;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 20px;
	color: #fff;
	text-align: center;
	text-indent: 0;
	vertical-align: middle;
	border-radius: 0;
}
.label-eighth-search {
	height: 20px;
	margin-bottom: 5px;
	padding: 0 5px;
	background: #719ae6;
	display: inline-block;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 20px;
	color: #fff;
	text-align: center;
	text-indent: 0;
	vertical-align: middle;
	border-radius: 0;
}

.label-contents-search {
	height: 20px;
	margin-bottom: 5px;
	padding: 0 5px;
	background: #bc2d2d;
	display: inline-block;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 20px;
	color: #fff;
	text-align: center;
	text-indent: 0;
	vertical-align: middle;
	border-radius: 0;
}

.label-solution-search {
	height: 20px;
	margin-bottom: 5px;
	padding: 0 5px;
	background: #1c327b;
	display: inline-block;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 20px;
	color: #fff;
	text-align: center;
	text-indent: 0;
	vertical-align: middle;
	border-radius: 0;
}

.label-contents-search02,
.label-solution-search02 {
	display:inline-block;
	width:168px;
	color:#fff;
	margin:0 10px 0 -5px;
	padding:4px 10px;
	font-size:1.3rem;
	text-align:center;
}

.label-contents-search02 {
	background:#bc2e2d;	
}

.label-solution-search02 {
	background:#1c327b;
}

.search-result-itemBlck {
	background: url(/content/images/training/arrwBtmGray02.png) no-repeat 8px 3px;
	margin-bottom: 10px!important;
	padding-left: 25px;
	font-size: 1.5rem;
}


/*--検索結果 カラムスタイル 20180618追記--*/

.sr_L,
.sr_R {
	position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
}

@media (min-width: 768px) {
.sr_L {width: 12.5%; float: left;}
.sr_R {width: 87.5%; float: left;}
}

@media (max-width: 768px) {
.sr_L {width: 20%; float: left;}
.sr_R {width: 80%; float: left;}
}

/*----------------------------------------------------------------------

白抜きアイコン（サイド）

------------------------------------------------------------------------*/

.label-side {
	height: 60px;
	padding: 0;
	background: #2263bb;
	font-size: 1.7rem;
	text-align: center;
	vertical-align: middle;
}

.label-side a{
	display: block;
	padding: 5px 0;
	color: #fff;
	text-decoration: none;
}

.label-side-catalog {
	height: 73px;
	padding: 0;
	/*background: #C55A11;*/
	/*background: #1F9BA5 url(/common/images/arrR_dot.png) no-repeat 95% center;*/
	font-size: 1.5rem;
	text-align: center;
	vertical-align: middle;
	line-height:1.3;
}

.label-side-catalog a{
	display: block;
	padding: 8px 0;
	color: #fff;
	background: #1F9BA5 url(/common/images/arrR_dot.png) no-repeat 95% center;
	text-decoration: none;
}

.label-side-catalog a:hover{
	background: #27C5D1 url(/common/images/arrR_dot.png) no-repeat 95% center;
}

.label-side-fax {
	height: 54px;
	padding: 0;
	font-size: 1.5rem;
	text-align: center;
	vertical-align: middle;
	line-height:1.3;
}

.label-side-fax a{
	display: block;
	padding: 8px 0;
	color: #fff;
	background: #6FBE00 url(/common/images/arrR_dot.png) no-repeat 95% center;
	text-decoration: none;
}

.label-side-fax a:hover{
	background: #B7DF80 url(/common/images/arrR_dot.png) no-repeat 95% center;
}
/* movieアイコン */
.mvsmpl,
.mvInfo {
  font-family: "メイリオ", Meiryo, Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  width: 100%;
  color: #262626;
}

.mvSmpl {
  background: url(/common/images/film_icon.png) no-repeat 2px center ;
  padding: 0.5rem 0 0.5rem 4.5rem;	
}

.mvInfo {
  background: url(/common/images/camera_icon.png) no-repeat 2px center;
  padding: 0.5rem 0 0.5rem 4.5rem;
  }
  
.mvSmpl a:hover, 
.mvInfo a:hover {
	background-image: opacity:0.5;	
}

/* カートに入れるボタン */
.cartBtnBox {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
}

.cartBtnBox a:hover {
	opacity: 0.5;
}

/* カートに入れるボタン下テキスト */
#blockTransplant01 p.cartText {
	text-indent: -1em;
	padding-left: 1.6em;
	margin: 0 auto;
	width: 227px;
}

/*----------new----------*/
.new-tit {
  font-size: 2.5rem;
  margin: 0 0 0 20px;
  font-family: "ヒラギノ明朝 ProN W6", HiraMinProN-W6, HG明朝E, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.new-bg {
  background: #fff;
  padding-top: 30px;
}
.new-bg .list-inline {
    margin-left: 0px;
}
.new-box {
  border-bottom: 1px solid #b6b6b6;
  padding: 10px 0 10px 0;
  margin-bottom: 0;
}
.new-box li {
  font-size: 1.4rem;
  color: #808080;
  padding: 6px 0 4px 0;
  vertical-align: middle;
}
.new-box li.cat01 {
  padding-left: 8px;
  font-weight: bold;
  width: 10em;
  color: #ff0000;
}
.new-box li.cat01::before {
  vertical-align: text-bottom;
  content: "■";
  color: #808080;
  padding-right: 5px;
}

/*20170725追記*/
.new-box li.cat01b,
.new-box li.cat02a,
.new-box li.cat02b,
.new-box li.cat02c {
  width: 90px;
  color: #fff;
  margin-right: 5px;
  padding: 3px 8px 2px;
  /*background: #1c327b;*/
  text-align: center;
  font-size: 1.2rem;
}

.new-box li.cat01b {
  background: #1c327b; 
}	
.new-box li.cat02b {
  background: #bc2d2d; 
}

.new-box li.dtInfo,
span.dtInfo	{
  color: #ff4444;
    background: #fff;
    margin: 0 5px;
    padding: 2px 8px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    font-size: 1.2rem;
    font-weight: bold;
    border: 1px solid #ff4444;
}	
/*20170725追記*/

/*20170828追記*/
.new-box li.cat03b,
.new-box li.cat04b,
.new-box li.cat05b,
.new-box li.cat06b,
.new-box li.cat07b,
.new-box li.cat08b {
  width: 72px;
  color: #fff;
  /*margin-right: 5px;*/
  padding: 3px 8px 2px;
  /*background: #1c327b;*/
  text-align: center;
  font-size: 1.2rem;
}

.new-box li.cat03b {
  background: #3c5891; 
}	
.new-box li.cat04b {
  background: #439e74; 
}
.new-box li.cat05b {
  background: #864cb2; 
}
.new-box li.cat06b {
  background: #e25281; 
}
.new-box li.cat07b {
  background: #e88316; 
}
.new-box li.cat08b {
  background: #719ae6; 
}
/*20170828追記*/
  
.new-box li.cat02 {
  width: 8em;
}
.new-box li.cat03 a {
  color: #808080;
}
.new-box li.cat03 a:hover {
  text-decoration: underline;
}
.new-box li.cat03 span {
  font-weight: bold;
  color: #155bac;
  font-size: 1.6rem;
}

/*----------seminar----------*/
.seminar-bg {
  background: #ffffff;
  padding-top: 50px;
}
.seminar-tit {
  font-size: 2.5rem;
  margin: 0 0 0 20px;
  font-family: "ヒラギノ明朝 ProN W6", HiraMinProN-W6, HG明朝E, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.seminar-box {
  font-size: 1.4rem;
  color: #808080;
}
.seminar-box td.cat01 {
  font-weight: bold;
  color: #808080;
}
.seminar-box td.cat01::before {
  vertical-align: text-bottom;
  content: "■";
  color: #808080;
  padding-right: 5px;
}
.seminar-box td.cat02 a {
  color: #808080;
}
.seminar-box td.cat02 span {
  font-weight: bold;
  /*color: #0000ff;
  font-size: 1.6rem;*/
}
.table > thead > tr > th {
  color: #333333;
  font-weight: normal;
    vertical-align: bottom;
    border-bottom: 1px solid #b6b6b6;
}
.seminar-box > tbody {
  border-bottom: 1px solid #b6b6b6;
}
.seminar-box > thead > tr > th,
.seminar-box > tbody > tr > th,
.seminar-box > tfoot > tr > th,
.seminar-box > thead > tr > td,
.seminar-box > tbody > tr > td,
.seminar-box > tfoot > tr > td {
    padding: 15px 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: none;
    border-bottom: 1px solid #b6b6b6;
}

/*panelLnk-aside start*/
.panelLnk-aside {
	border-color: #2263bb;
	border-width: 1px;
    margin-left: 15px;
	margin-right: 15px!important;
    border-radius: 0;
}
.panelLnk-aside > .panel-heading {
  color: #fff;
  background-color: #2263bb;
  border-color: #2263bb;
  padding: 15px 15px;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}

.panelLnk-aside > .panel-body {
  padding: 10px 10px 5px;
}


.panelLnk-aside > .panel-heading > .panel-title {
	margin-top:0;
	margin-bottom:0;
}

h3.panel-title {
	/*padding: 15px;*/
	font-size: 1.6rem;
	line-height: 1.4;
	text-align: center;
}

.panelLnk-aside > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #dddddd;
}
.panelLnk-aside > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #444444;
}
.panelLnk-aside > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #dddddd;
}

ul.txtLnklist {
	font-size: 1.4rem;
	line-height: 1.4;
    padding-left: 0;
	list-style: none;
}

ul.txtLnklist li {
	margin-bottom: 2px;
    padding-left: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

ul.txtLnklist li:before {
  font-family: FontAwesome;
  content: '\f138' ; /* アイコンのunicode */
  color: #81aae6;
  margin-left: 2px;
}

ul.txtLnklist li:last-child {
	margin-bottom: 0;
}

ul.txtLnklist li a {
	color: #262626;
}

ul.txtLnklist li a:hover {
	color: #2263bb;
}

/*panelLnk-aside end*/

@media screen and (max-width: 767px) {
  /* -------------------------------------------------------------------
  
  	SMP section → news　161214
  
  -------------------------------------------------------------------- */
	.new-tit {
		font-size: 2.5rem;
		margin: 0 0 0 20px;
		font-family: "ヒラギノ明朝 ProN W6", HiraMinProN-W6, HG明朝E, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	}
	.new-bg {
		background: #fff;
		padding-top: 30px;
	}
	.new-bg .list-inline {
    	margin-left: 0px;
	}
	.new-box {
		border-bottom: 1px solid #b6b6b6;
	}
	.new-box li {
		padding-left: 0;
		padding-right: 0;
		font-size: 1.2rem;
		color: #808080;
		vertical-align: middle;/*20170824追記*/
	}
	.new-box li.cat01 {
		padding-bottom: 12px;
		font-weight: bold;
		width: 10em;
		color: #ff0000;
	}
	.new-box li.cat01::before {
		vertical-align: text-bottom;
		content: "■";
		color: #808080;
		padding-right: 5px;
	}
	.new-box li.cat02 {
		padding-bottom: 12px;
		width: 8em;
	}
	
	/*20170828追記*/
	.new-box li.cat03b,
	.new-box li.cat04b,
	.new-box li.cat05b,
	.new-box li.cat06b,
	.new-box li.cat07b,
	.new-box li.cat08b {
		width: 72px;
		height: 22px;
		color: #fff;
		margin: 0 5px 4px 0;
		padding: 3px 4px;
		/*background: #1c327b;*/
		text-align: center;
		font-size: 1.2rem;
	}
	
	.new-box li.cat03b {
		background: #3c5891; 
	}	
	.new-box li.cat04b {
		background: #439e74; 
	}
	.new-box li.cat05b {
		background: #864cb2; 
	}
	.new-box li.cat06b {
		background: #e25281; 
	}
	.new-box li.cat07b {
		background: #e88316; 
	}
	.new-box li.cat08b {
		background: #719ae6; 
	}
	/*20170828追記*/
	
	/*20170725追記*/
	.new-box li.cat01b,
	.new-box li.cat02b {
		width: 90px;
		height: 22px;
		color: #fff;
		margin: 0 5px 4px 0;
		padding: 3px 4px;
		background: #1c327b; 
		text-align: center; 
	}
	
	.new-box li.cat01b {
		background: #1c327b; 
	}	
	.new-box li.cat02b {
		background: #bc2d2d; 
	}
	
	.new-box li.dtInfo,
	.seminar-box li.dtInfo,
	span.dtInfo	{
		display: block;
		width: 30%;
		color: #ff0000;
		background: #fff;
		margin: 0 5px 8px;
		padding: 2px 4px;
		border: 1px solid #ff0000;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		font-size: 1.2rem;
		font-weight: bold;
		text-align: center;
	}
	
	/*color: #ff0000;
    	background: #fff;
    	margin: 0 5px;
    	padding: 3px 8px;
    	-webkit-border-radius: 6px;
    	border-radius: 6px;
    	font-size: 1.4rem;
    	font-weight: bold;
    	border: 2px solid #ff0000;
	}*/
	/*20170725追記*/
		
	.new-box li.cat03{
		/*padding-bottom: 12px;*/
		padding-bottom: 5px;
	}
	.new-box li.cat03 a {
		color: #808080;
	}	
	.new-box li.cat03 span {
		font-weight: bold;
		color: #0000ff;
		font-size: 1.4rem;
	}
  
  /* -------------------------------------------------------------------
  
  	SMP section → seminar　161214
  
  -------------------------------------------------------------------- */
	.seminar-bg {
		overflow: hidden;
		background: #ffffff;
		padding-top: 30px;
	}
	.seminar-tit {
		font-size: 2.5rem;
		margin: 0 0 0 20px;
		font-family: "ヒラギノ明朝 ProN W6", HiraMinProN-W6, HG明朝E, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	}
	.seminar-box {
		font-size: 1.2rem;
		color: #808080;
		border-bottom: 1px solid #b6b6b6;
	}
	.seminar-head {
		display: inline-block;
		color: #333333;
		padding-bottom: 10px;
	}
	.seminar-box {
		font-size: 1.2rem;
		color: #808080;
		border-bottom: 1px solid #b6b6b6;
	}
	.seminar-box {
		font-size: 1.2rem;
		color: #808080;
		border-bottom: 1px solid #b6b6b6;
	}
	.seminar-box li{
		display: block;
	}
	.seminar-box li.cat01 {
		padding-bottom: 12px;
		padding-left: 0 !important;
		font-weight: bold;
		color: #808080;
	}
	.seminar-box li.cat01::before {
		vertical-align: text-bottom;
		content: "■";
		color: #808080;
		padding-right: 5px;
	}
	.seminar-box li.cat02 {
		padding-bottom: 12px;
	}
	.seminar-box li.cat02 span {
		font-weight: bold;
		color: #0070c0;
		font-size: 1.4rem;
	}
	.seminar-box li.cat02 a {
		color: #808080;
	}
	.seminar-box li.cat03 {
		/*padding-bottom: 12px;*/
		padding-bottom: 4px;/*2070803追記*/
	}
}
/*20171219追記*/
.blkNyinfo {
    width: 80%;
    margin: 0 auto 30px!important;
    padding: 20px 35px;
    border: dotted 2px #2264bb;
    background: #fff;
}

/*20180629追記　ECの定期申込ボタン差し替え */
.switchApplyLink img.img-responsive {
	width: 65px;
	width: 245px;
}

/*20180928追記 start*/
#support-info.info-navi {
	position: fixed;
	top: 224px;
	z-index: 3;
}

#support-info.info-navi a {
	display: block;
	background: #2263bb;
	height: 60px;
	width: 60px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border: 3px solid #fff;
}

@media screen and (max-width: 1192px) {
	#support-info.info-navi { right: 20px;}
}

@media screen and (max-width: 1360px) and (min-width: 1193px) {
	#support-info.info-navi { right: 50px;}
}

@media screen and (max-width: 1679px) and (min-width: 1361px) {
	#support-info.info-navi { left: 1300px;}
}

@media screen and (max-width: 1899px) and (min-width: 1680px){
	#support-info.info-navi { left: 1430px;}
}

@media screen and (min-width: 1900px){
	#support-info.info-navi { left: 1460px;}
}


@media screen and (max-width: 992px) and (min-width: 768px) {
#support-info.info-navi {
	top: 254px;
}
}

@media screen and (max-width: 767px) {
#support-info.info-navi {
	top: 120px;
}
/*20180928追記 end*/
}

/*megaMenu 追記 start*/
        .megaWrap {
            display: none;
            position: absolute;
            top: 38px;
            left: 0;
        }

        .megaWrap:after {
            position: absolute;
            bottom: 100%;
            left: 63%;
            width: 0;
            height: 0;
            border: solid transparent;
            border-color: rgba(51, 51, 51, 0);
            /*border-bottom-color: #e3f2fa;*/
            border-bottom-color: #e9e9e9;
            border-width: 8px;
            pointer-events: none;
            content: "";
        }

        .megaWrap .megaContentWrap {
            width: 100%;
            height: 710px;
            background: #efefef;
            z-index: 3;
            text-align: left;
            -webkit-box-shadow: 1px 2px 3px 0 #666;
            box-shadow: 1px 2px 3px 0 #666;
        }

        .megaContentWrap h3,
        .megaContentWrap h3.trn03 {
            font-size: 1.6rem;
            padding: 20px 20px 0 20px;
        }

        .megaContentWrap ul.listMn {
            padding-left: 20px;
            list-style: none;
            font-size: 1.4rem;
            line-height: 1.7;
        }

        .megaContentWrap ul.listMn li a.arw {
            color: #262626;
            padding-left: 1.5em;
            padding-right: 20px;
            text-indent: 1.5em;
            border-bottom: none;
        }

        .megaWrap .megaContentWrap li ul {
            width: 245%;
            height: 100%;
            display: none;
            position: absolute;
            top: 0px;
            padding: 20px 20px 20px 60px;
            left: 271px;
            list-style: none;
            background: #efefef;
            z-index: 5;
            text-align: left;
            -webkit-box-shadow: 3px 2px 3px 0 #666;
            box-shadow: 3px 2px 3px 0 #666;
        }

        @media (min-width:1600px) {
            .megaWrap .megaContentWrap li ul {
                width: 285%;
            }
        }


        @media (min-width:768px) and (max-width: 871px) {
            .megaWrap .megaContentWrap {
                height: 850px;
            }

            .megaWrap .megaContentWrap li ul {
                width: 190%;
                height: 100%;
                display: none;
                position: absolute;
                top: 0px;
                left: 256px;
            }
        }


        .megaWrap .megaContentWrap li:hover ul,
        .megaWrap .megaContentWrap li:active ul {
            display: block;
        }

        .megaContentWrap ul.listMn li:hover a.arw,
        .megaContentWrap ul.listMn li:active a.arw,
        .megaContentWrap ul.listMn li:focus a.arw {
            color: #005ca2;
            font-weight: 500;
            text-decoration: none !important;
            background: url(/common/images/arrwRBlue.png) no-repeat left center;
        }

        .megaWrap .megaContentWrap ul.listMn li:hover>ul,
        .megaWrap .megaContentWrap ul.listMn li:active>ul,
        .megaWrap .megaContentWrap ul.listMn li:focus>ul {
            display: block;
        }

        .megaContent {
            margin: 0 -20px 0 0;
        }

        .naviSankaku {
            width: 0px;
            height: 0px;
            margin: auto;
            border-right: 20px solid transparent;
            border-bottom: 25px solid #efefef;
            border-left: 20px solid transparent;
            display: none;
        }

        .active-borderInn h3 a {
            color: #f08300;
            border-bottom-color: #f08300;
        }

        .active-borderInn h3.nbsR a {
            color: #155bac;
            border-bottom-color: #155bac;
        }

        .active-borderInn h3.nbsR a:hover {
            color: #f08300;
            border-bottom-color: #f08300;
        }


        .active-borderInn p.shwAl a {
            display: inline-block;
            position: absolute;
			width: 142px;
            bottom: -50px;
            right: 15px;
        }

        .active-borderInn p a.btn.btn-secondary {
            color: #2263bb;
        }

        .active-borderInn p a.btn.btn-secondary:hover {
            color: #fff;
        }
		
		.active-borderInn p.blckR a.btn.btn-secondary {
			color: #f08301;
			border-color: #f08301;
		}
		
		.active-borderInn p.blckR a.btn.btn-secondary:hover {
            color: #fff;
			background-color: #f08301!important;
        }

        .active-borderInn p.itm {
            line-height: 1.3;
			margin-bottom: 4px;
        }

        .active-borderInn p.itm a {
            display: inline-block;
            color: #005ca2;
            border-bottom-color: #2263bb;
            font-weight: 500;
            line-height: 1.3;
            background: url(/common/images/arrwRBlue.png) no-repeat left 2px;
            padding-left: 1.4em;
            margin-right: 1.0em;
        }

        .active-borderInn p.itm a:hover,
        .active-borderInn h3 a:hover {
            border-bottom: none;
            text-decoration: underline;
        }

/*megaMenu 追記 end*/

/*flex 追記*/
.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}
/*flex 追記end*/