@charset "utf-8";


/*==============================================================*/
/* ナビゲーション */
/*==============================================================*/

.page-result .contentNavi li a{ display:block; width:166px;}


/*==============================================================*/
/* メインイメージ */
/*==============================================================*/

.page-result #mainImg-l{
	background-image: url(../../img/result/top-mainimg.jpg);
	background-color:#E7F6FD;
}

/*==============================================================*/
/* コンテンツトップ */
/*==============================================================*/

.page-result #bnr_mm {
  background: url(../../img/result/top-mm.jpg) no-repeat center / cover;
  position: relative;
  z-index: 0;
  overflow: hidden;
  text-align: center;
  padding: 43px 40px 35px;
  margin-top: 40px;
  }

.page-result #bnr_mm::before{
  content: '';
  background: inherit;/*.bgImageで設定した背景画像を継承する*/
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
  filter: blur(3px);
  position: absolute;
  /*ブラー効果で画像の端がボヤけた分だけ位置を調整*/
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;/*重なり順序を一番下にしておく*/
}
.page-result #bnr_mm::after{content: ''; width: 100%; position: absolute; left: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,0.6); z-index: 0;
}
.page-result #bnr_mm p,
.page-result #bnr_mm a{
  position: relative;
  z-index: 2;
  color: #FFF;
  line-height: 1.7
}
.page-result #bnr_mm .blc_ttl{font-size: 2.1rem; margin-bottom: 10px; line-height: 1;}
#bnr_mm .btn-blc a{
  line-height: 1.5;
  border-radius: 5px;
  color: #fff;
  padding: 10px 20px 7px;
  display: block;
  margin: 15px auto 0;
  border: 1px solid #fff;
  max-width: 230px;
  font-weight: 700;
  -webkit-transition: background .3s;
  transition: background .3s;
}

#bnr_mm .btn-blc a:hover{ 
background: #160491;}

/*==============================================================*/
/* 事例アーカイブ */
/*==============================================================*/


.tax-case-cat .cat_txt{ margin-bottom: 40px; padding:  0 2%;}
.tax-case-cat .cat_txt p{ margin-bottom: 1em;}

.page-result .archivesList{
counter-reset: section;
}

.page-result .archivesList dt{
	display:table;
	width:100%;
	height:60px;
	background:#f2f2f2;
}

.page-result .archivesList dt p,
.page-result .archivesList dt a{
	display:table-cell;
	vertical-align:middle;
	font-size:18px;
}

.page-result .archivesList dt a{padding-left:15px;}
.page-result .archivesList dt a:hover{ background:#e4e4e4; color:#333}

.page-result .archivesList dt .tag{
	width:60px;
	background:#2565a1;
	text-align:center;
	color:#FFF;
	line-height:25px;
	letter-spacing:1px;
}


.page-result .archivesList dt .tag:before{
	display: block;
	content:'CASE';
	font-size:10px;
}

.page-result .archivesList dt .tag:after{
	
	counter-increment: section;
	content:counter(section);
	font-size:30px;}


/*.page-result .archivesList dt:nth-of-type(1) .tag:after{content:'1'}
.page-result .archivesList dt:nth-of-type(2) .tag:after{content:'2'}
.page-result .archivesList dt:nth-of-type(3) .tag:after{content:'3'}
.page-result .archivesList dt:nth-of-type(4) .tag:after{content:'4'}
.page-result .archivesList dt:nth-of-type(5) .tag:after{content:'5'}
.page-result .archivesList dt:nth-of-type(6) .tag:after{content:'6'}
.page-result .archivesList dt:nth-of-type(7) .tag:after{content:'7'}
.page-result .archivesList dt:nth-of-type(8) .tag:after{content:'8'}
.page-result .archivesList dt:nth-of-type(9) .tag:after{content:'9'}*/

.page-result .archivesList dd{
	margin:10px 0 50px 75px;
}

#two_column{overflow: hidden;}
#two_column .case_content{float: left;width: 720px;}
#two_column  #side{ box-sizing: border-box; /* padding: 30px;*/  padding:28px 22px; float: right; width: 250px; background: #F2F2F2;} 
#two_column  #side p{position: relative; text-align: center; font-size:18px; font-weight: bold; color:#333333;}
#two_column  #side p::before{
    margin-right: 0.3em;
    display: inline-block;
    content: "";
    width: 22px;
    height: 22px;
    vertical-align: middle;
    background: url('../img/glass.png') no-repeat center ;
}
#two_column  #side p::after{
    position: absolute;
    content: "";
    display: block;
    width: 4em;
    height: 3px;
    background: #A6A6A6;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
}
#two_column  #side ul{margin-top: 16px;}
#two_column  #side ul li{ margin: 16px 3px 0; display: inline-block;  }
#two_column  #side ul li a{display: inline-block;  box-sizing: border-box;  padding:2px 5px;     width: 100%; min-width: 85px; /*border-radius: 5px;font-size: 15px;*/     font-size: 14px; color: #fff; text-align: center; background: #333333; letter-spacing: -0.001em;}
#two_column  #side ul li a:hover{    background-color: #000;transition: background-color 0.5s ease 0s;}
@media screen and (min-width: 976px){
	#two_column  #side li{
         width: 100%;
	} 
}
@media screen and (max-width: 975px){
    #two_column .case_content {
        width: 100%;
        float: none;
    }
    #two_column  #side {
        margin-top: 32px;
        padding: 30px 2%;
        width: 100%;
        float: none;
        clear: both;
    
    }
    #two_column  #side p{font-size: 18px;}
    #two_column  #side ul{margin-left: auto;margin-right: auto;max-width: 500px;width: 100%;}
    #two_column  #side ul li{    margin: 16px 1px 0;}
    #two_column  #side ul li a{min-width: 80px;font-size: 14px;}
}

/*==============================================================*/
/* 事例シングルページ */
/*==============================================================*/
.page-result .singlePost{ margin-top: 30px;}
.page-result .case_head{padding:0 3%;}
.page-result .singlePost h3 {
	display:table;
	margin-bottom:20px;
	width:100%;
	height:60px;
}

.page-result .singlePost h3  div{
	display:table-cell;
	vertical-align:middle;
	font-size:23px;
  line-height: 1.3;
  font-weight: 500;
}

.page-result .singlePost h3 div:last-child{
	padding-left:15px;
}

.page-result .singlePost h3  .tag{
	width:60px;
	background:#2565a1;
	text-align:center;
	color:#FFF;
	line-height:25px;
	letter-spacing:1px;
	font-size:30px;
}

.page-result .singlePost h3 .tag:before{
	display: block;
	content:'CASE';
	font-size:10px;
}

.page-result .singlePost h3 .tag:after{font-size:30px;}

.case_meta{ margin-bottom: 30px;}
.case-initial{ font-size: 21px; color: #2565A1; font-weight: bold; padding: 0 10px; margin-bottom:10px;}

.page-result .singlePost .data{
	overflow:hidden;
	background:#FFF;
	line-height:40px;
	border: solid 1px #E0EBF1;
}
.page-result .singlePost .data dl{ border: solid 1px #FFF; float:left;}

.page-result .singlePost .data dt{
	float:left;

	background:#90abb9;
	padding:0 20px;
	text-align:right;
	color:#FFF;
}


.page-result .singlePost .data dd{
	float:left;
	padding:0 30px 0 20px;
	background-color:#e0ebf1;

}

.page-result .singlePost .txtBox{
	margin:50px 30px;
}

.page-result .singlePost .seminarLink{
	display:table;
	margin-bottom:40px;
	width:1000px;
	height:80px;
	background:#222;
	color:#FFF;
	font-size:16px;
}

.page-result .singlePost .seminarLink p{
	display:table-cell;
	vertical-align:middle;
	padding-left:40px;
}

.page-result .singlePost .seminarLink a{
	display:table-cell;
	width:190px;
	color:#fff;
	background:#dd0000 url(../img/arrowR_02.png) 150px center no-repeat;
	vertical-align:middle;
	padding-left:25px;
}

.page-result .singlePost .seminarLink a:hover{
	background-color:#a00;
}


.page-result .singlePost .download{
	background:#eee;
	padding:20px;
	text-align:center;
	font-size:16px;
	overflow:hidden;
}
 
.page-result .singlePost .download a{
	display: inline-block;
	margin-top:20px;
	width: 230px;
	padding: 20px 50px;
	background: url(../img/icon-pdf.png) no-repeat 30px center #dd0000;
	text-align: right;
	color: #fff;
}

.page-result .singlePost .download a:hover{
	background-color:#a00;
}


.page-result #block_case{ padding:3%; background-color: #F2F2F2; overflow: hidden;}
.page-result #block_case p{ margin-bottom: 1em; font-size: 15px; color: #1A1A1A;}

.page-result #block_case a{ display:block; margin-top: 10px; text-decoration:underline; color:#B0002E;}