@charset "UTF-8";
.sub.case h1 {
	background-image: url(/kodate2/imgs/case_search/img/bg_mv.jpg);
}
@media print, screen and (min-width: 751px) {
  .mainContent {
    padding-bottom: 0 !important;
  }
  #case .inner.medium{
  	margin-bottom: 98px;
  }
   /* search
  --------------------------------------------------------- */
  .tab{overflow:hidden;}
.tab li{
	background: #333;
	/* padding: 10px 25px; */
	float:left;
	color: #fff;
	margin-right: 6px;
	height: 68px;
	width: 232px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	font-size: 20px;
	letter-spacing: 0;
	/*padding-top: 16px;*/
	text-align: center;
	cursor:  pointer;
	}
.tab li .txt{
	background-image: url(/kodate2/imgs/case_search/img/icon_tab01_1.png);
	background-position: 0 center;
	background-repeat:no-repeat;
	background-size: 34px;
	padding: 16px 0 16px 38px;
	display: inline-block;
}
.tab li.tab02 .txt{
	background-image: url(/kodate2/imgs/case_search/img/icon_tab02_1.png);
}
.tab li.tab03 .txt{
	background-image: url(/kodate2/imgs/case_search/img/icon_tab03_1.png);
}
.tab li.tab04 .txt{
	background-image: url(/kodate2/imgs/case_search/img/icon_tab04_1.png);
}
.tab li .mini{
	font-size:16px;
}
.tab li:last-child{margin-right:0;}
.tab li.select,.tab li:hover{background: #FFC300; color:  #000;}
.tab li.select .txt,.tab li:hover .txt{
	background-image: url(/kodate2/imgs/case_search/img/icon_tab01_2.png);
	background-position: 0 12px 0;
	background-repeat:no-repeat;
	background-size: 34px;
	padding-left: 38px;
}
.tab li.tab02.select .txt,.tab li.tab02:hover .txt{
	background-image: url(/kodate2/imgs/case_search/img/icon_tab02_2.png);
}
.tab li.tab03.select .txt,.tab li.tab03:hover .txt{
	background-image: url(/kodate2/imgs/case_search/img/icon_tab03_2.png);
}
.tab li.tab04.select .txt,.tab li.tab04:hover .txt{
	background-image: url(/kodate2/imgs/case_search/img/icon_tab04_2.png);
}

.content li.tabinner{
	background:#F4F2EC;
	border-top: #FFC300 solid 4px;
}
.content li.tabinner.line5{
	padding: 20px 0 12px 20px;
}
.content li.tabinner.line5 li{
	width: 174px;text-align: center;
}
.content li.tabinner.line4{
	padding: 20px 0 12px 20px;
}
.content li.tabinner.line4 li{
	width: 218px;text-align: center;
}
.content th{
	background-color:#DCDAD5;
} 
.content dl.icon_t dt{
	background-color:#DCDAD5;
	width:148px;
	font-weight: bolder;
	line-height: 138%;
	position:absolute;
	height:  96px;
	letter-spacing: 0;
	padding-top: 26px;
	padding-left: 16px;
	padding-right: 16px;
	border-bottom: solid 1px #fff;
}
.content dl.icon_t dd{
	padding-left:150px;
	height: 96px;
	border-bottom: solid #DCDAD5 1px;
	font-size:15px;
	letter-spacing:0;
}
.content dl.icon_t dt:last-child,.content dl.icon_t dd:last-child{
	border-bottom:none;
}
.content dl.icon_t dd ul{
	/* overflow:hidden; */
	margin-left: 14px;
	padding-top: 20px;
}
.content dl.icon_t dd li{
	width:146px;
	float:left;
	background-color:  #fff;
	margin-right: 10px;
	height: 58px;
	border-radius: 6px;
	letter-spacing: 0;
	font-weight:  bold;
	box-shadow: 0 2px 1px #AEADAA;
	position:relative;
}
.content dl.icon_t dd li:last-child{
	margin-right:0;
}
.content dl.icon_t dd ul a{
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background-image: url(/kodate2/imgs/case_search/img/icon_01.png);
	background-position: 5px 16px;
	background-repeat:no-repeat;
	background-size: 30px;
	padding-left: 38px;
	display: flex;
	align-items: center;
	line-height: 1.4;
	position:relative;
}
.content dl.icon_t dd ul li.i2 a{
	background-image: url(/kodate2/imgs/case_search/img/icon_02.png);
}
.content dl.icon_t dd ul li.i3 a{
	background-image: url(/kodate2/imgs/case_search/img/icon_03.png);
}
.content dl.icon_t dd ul li.i4 a{
	background-image: url(/kodate2/imgs/case_search/img/icon_04.png);
}
.content dl.icon_t dd ul li.i5 a{
	background-image: url(/kodate2/imgs/case_search/img/icon_05.png);
}
.content dl.icon_t dd ul li.i6 a{
	background-image: url(/kodate2/imgs/case_search/img/icon_06.png);
}
.content dl.icon_t dd ul li.i7 a{
	background-image: url(/kodate2/imgs/case_search/img/icon_07.png);
}
.content dl.icon_t dd ul li.i8 a{
	background-image: url(/kodate2/imgs/case_search/img/icon_08.png);
}
.content dl.icon_t dd ul li.i9 a{
	background-image: url(/kodate2/imgs/case_search/img/icon_09.png);
}
.content dl.icon_t dd ul li.i10 a{
	background-image: url(/kodate2/imgs/case_search/img/icon_10.png);
}
.content dl.icon_t dd ul li.i11 a{
	background-image: url(/kodate2/imgs/case_search/img/icon_11.png);
}
.content dl.icon_t dd ul li.i12 a{
	background-image: url(/kodate2/imgs/case_search/img/icon_12.png);
}
.content dl.icon_t dd ul li.i13 a{
	background-image: url(/kodate2/imgs/case_search/img/icon_13.png);
}
.content dl.icon_t dd ul li.i14 a{
	background-image: url(/kodate2/imgs/case_search/img/icon_14.png);
}
.content dl.icon_t dd ul a:after{
	content:"";
	position:absolute;
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: 10px;
	margin-top: -4px;

}
.content dl.icon_t dd li a:hover,
.content dl.icon_t dd li.current a{
	background-color:#ffc300;
	border-radius: 6px;
}
.content ul.icon_a{
	overflow:hidden;
}
.content ul.icon_a li{
	width:146px;
	float:left;
	background-color:  #fff;
	margin-right: 10px;
	height: 58px;
	border-radius: 6px;
	letter-spacing: 0;
	font-weight:  bold;
	box-shadow: 0 2px 1px #AEADAA;
	position:relative;
	margin-bottom: 12px;
}
.content ul.icon_a a{
	width: 100%;
	height: 100%;
	text-align: center;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background-position: 5px 16px;
	background-repeat:no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1.4;
	position:relative;
}
.content ul.icon_a a:hover{
	background-color:#ffc300;
	border-radius: 6px;
}
.content ul.icon_a a:after{
	content:"";
	position:absolute;
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: 10px;
	margin-top: -4px;
}
.hide {display:none;}

  /* pickup
  --------------------------------------------------------- */
  #pickup .box01{
  	position:relative;
		min-height: 321px;
  } 
  #pickup .ttl01 {
  	font-size: 32px;
  }
  #pickup .ttl02 {
  	background: none;
	padding-left: 0;
  }
	#pickup .ttl02 a:hover {
  	opacity: .7;
  }
	#pickup .pic a:hover {
  	opacity: .7;
  } 
  #pickup .txt {
	/* float:left; */
	width:480px;
	font-size: 18px;
	}
  #pickup .pic {
  	position:absolute;
  	right:0;
  	top:0;
	width:432px;
	}
  #pickup .tagllist{
  	overflow:hidden;
  	margin-bottom: 20px;
  	width: 480px;
  }

  #pickup .tagllist li span {
    background: #ffe100;
    display: inline-block;

    position: relative;
    color: #333;
	line-height:20px;
	margin-left:10px;
	padding-left:7px;
	padding-right:7px;
	background-image: url(../solution/img/icon_dot_01.png);
	background-repeat: no-repeat;
	background-position: left center;
  }
  #pickup .tagllist li span:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    left: -20px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 10px solid #ffe100;
    border-bottom: 10px solid transparent;
    border-left: 10px solid transparent;
  }
   #pickup .tagllist li {
	float: left;
	position: relative;
	margin-right: 10px;
	margin-bottom: 10px;
	font-size: 14px;
	line-height:20px;
	font-weight:bold;
	}

  /* list
  ------------------------------------------- */
   #case #list.inner.medium{
  	margin-bottom:0px;
	}
  #list .boxWrap {
	padding-top: 45px;
	padding-bottom: 50px;	  
  }
  #list .box01 {
	width: 296px;
	float:  left;
	/* background-color: #333; */
	margin-bottom: 40px;
	margin-left: 19px;
	letter-spacing: 0;
	position:relative;
	}
	#list .box01:nth-child(3n){
		float:right;
	}
	#list .box01 .icon_a{
		position:absolute;
		top: -12px;
		right: -12px;
	}
  #list .box01 a {
	display:block;
	color:#fff;
  }
  #list .box01 a:hover {
    opacity: .7;
  }
  #list .box01 .pt02 {
	/* float:left; */
	}
  #list .box01 .pt03 {
	color: #333;
	font-size: 20px;
	font-weight: bold;
	margin-top: 14px;
	padding-right: 15px;
	padding-bottom: 5px;
	/* padding-left: 15px; */
	}
   #list .box01 .pt04 {
   	border-bottom:solid 1px #ddd;
   	line-height: 1.4;
   	margin-bottom: 16px;
   }
  #list .box01 .pt05 li {
  	margin-top: 8px;
  	float: left;
  	position: relative;
  	margin-right: 10px;
  	font-size: 14px;
  	line-height:20px;
  	font-weight:bold;
  }
  #list .box01 .pt05 li.type02 {
	margin-right: 0;
	font-size: 13px;
  }
  #list .box01 .pt05 li span {
    background: #ffe100;
    display: inline-block;
    position: relative;
    color: #333;
	line-height:20px;
	margin-left:10px;
	padding-left:7px;
	padding-right:7px;
	background-image: url(../solution/img/icon_dot_01.png);
	background-repeat: no-repeat;
	background-position: left center;
  }
  #list .box01 .pt05 li span:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    left: -20px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 10px solid #ffe100;
    border-bottom: 10px solid transparent;
    border-left: 10px solid transparent;
  }
  .pnav {
  	text-align:center;
  }
  .pnav li{
  	display:inline-block;
  	border:solid 1px #656565;
  	position:  relative;
  }
   .pnav li.current{
  	padding: 12px 20px;
  	background-color: #FFE100;
  }
  .pnav li a{
  	display:block;
  	padding: 12px 20px;
  	position:  relative;
  }
  .pnav li a:hover{
  	background-color: #f8f8f8;
  }
  .pnav li.prev:after{
	content:"";
	position:absolute;
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
	top: 50%;
	left: 20px;
	margin-top: -4px;
}
  .pnav li.next:after{
	content:"";
	position:absolute;
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: 20px;
	margin-top: -4px;
}
.pnav li.prev a{
	padding-left: 38px;
}

.pnav li.next a{
	padding-right: 38px;
}
  #case #search2.inner.medium{
  	margin-bottom:0;
  	padding-bottom:80px;
  }
  .searchlist dt{
	background: url(/kodate2/common_re/img/icon/icon_circle01.png) left 8px no-repeat;
	background-size: 12px;
	padding-left: 18px;
	margin-bottom: 8px;
	line-height: 1.5;
	font-size:15px;
	font-weight:bold;
	}
  .searchlist dd {
  	font-size:13px;
  	margin-bottom:20px;
  	margin-left:11px;
  }
  .searchlist dd span.ttl{
   	font-weight: bold;
   	background: url(/kodate2/common_re/img/icon/icon_circle02.png) left 5px no-repeat;
   	padding-left: 8px;

}
.searchlist dd a:hover{
	text-decoration:underline;
}
}