@charset "UTF-8";
@media screen and (max-width: 750px) {
  .mainContent {
    padding-bottom: 0 !important;
  }
  #case .inner.medium{
  	margin-bottom: 48px;
  }
    .tab{overflow:hidden;}
.tab li{
	background: #333;
	/* padding: 10px 25px; */
	float:left;
	color: #fff;
	margin-right: 1%;
	width: 24.25%;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	/* font-size: 20px; */
	letter-spacing: 0;
	padding-top: 46px;
	padding-bottom: 12px;
	text-align: center;
	cursor:  pointer;
	background-image: url(/kodate2/imgs/case_search/img/icon_tab01_1.png);
	background-position: center 12px;
	background-repeat:no-repeat;
	background-size: 42px;
	line-height: 1.2!important;
	display: flex;
	align-items: center;
	justify-content: center;
}
.tab li.tab02{
	background-image: url(/kodate2/imgs/case_search/img/icon_tab02_1.png);
}
.tab li.tab03{
	background-image: url(/kodate2/imgs/case_search/img/icon_tab03_1.png);
}
.tab li.tab04{
	background-image: url(/kodate2/imgs/case_search/img/icon_tab04_1.png);
}
.tab li .txt{
	/* font-size: 20px; */
}
.tab li .mini{
	font-size: 12px;
	display: block;
	margin-top: 2px;
}
.tab li .txt .sp{
}
.tab li:last-child{margin-right:0;}
.tab li.select,.tab li:hover{
	background: #FFC300;
	color:  #000;
	background-image: url(/kodate2/imgs/case_search/img/icon_tab01_2.png);
	background-position: center 12px;
	background-repeat:no-repeat;
	background-size: 42px;
	}
.tab li.tab02.select,.tab li.tab02:hover{
	background-image: url(/kodate2/imgs/case_search/img/icon_tab02_2.png);
}
.tab li.tab03.select,.tab li.tab03:hover{
	background-image: url(/kodate2/imgs/case_search/img/icon_tab03_2.png);
}
.tab li.tab04.select ,.tab li.tab04:hover{
	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,.content li.tabinner.line4{
	padding: 20px 0;
}
.content li.tabinner.line5 li{
	width: 23.5%;
	text-align: center;
}
.content li.tabinner.line5 li:nth-child(4n){
	margin-right:0;
}
.content li.tabinner.line4 li{
		width: 23.5%;
		text-align: center;
}
.content dl.icon_t dt{
	background-color:#DCDAD5;
	font-weight: bolder;
	padding:  10px 0;
	text-align: center;
}
.content dl.icon_t dd{
	font-size:13px;
}
.content dl.icon_t dd ul{
	overflow:hidden;
	padding-top: 20px;
	margin: 0 auto;
	width: 94%;
	display: flex;
}
.content dl.icon_t dd li{
	width: 23.5%;
	float:left;
	background-color:  #fff;
	margin-right: 2%;
	margin-bottom: 20px;
	border-radius: 6px;
	letter-spacing: 0;
	font-weight:  bold;
	box-shadow: 0 2px 1px #AEADAA;
	position:relative;
}
.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: center 6px;
	background-repeat:no-repeat;
	background-size: 34px;
	text-align: center;
	padding-top: 36px;
	padding-bottom: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1.2;
	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 li a:hover,
.content dl.icon_t dd li.current a {
	background-color:#ffc300;
	border-radius: 6px;
}
.content ul.icon_a{
	overflow:hidden;
	width: 94%;
	margin: 0 auto;
}
.content ul.icon_a li{
	float:left;
	background-color:  #fff;
	margin-right: 2%;
	border-radius: 6px;
	letter-spacing: 0;
	font-weight:  bold;
	box-shadow: 0 2px 1px #AEADAA;
	position:relative;
	margin-bottom: 12px;
}
.content ul.icon_a li:last-child{
	margin-right:0;
}
.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;
	padding: 26px 0;
}
.content ul.icon_a a:hover{
	background-color:#ffc300;
	border-radius: 6px;
}
.hide {display:none;}

  /* pickup
  --------------------------------------------------------- */
  #pickup .ttl01 {
	    font-size: 22px;
	}
  #pickup .ttl02 {
  	background: none;
	padding-left: 0;
  }

  #pickup .txt {
	font-size: 15px;
	}
  #pickup .tagllist{
  	overflow:hidden;
  	margin-bottom: 10px;
  }
  #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;
	}
  #pickup .pic{
  	margin-bottom:20px;
  }

  /* list
  ------------------------------------------- */
  #case #list.inner.medium{
  	margin-bottom:0px;
	}
  #list .boxWrap {
	padding-top: 20px;
	}
  #list .box01 {
	width: 48.5%;
	float:  left;
	margin-bottom: 32px;
	letter-spacing: 0;
	position:relative;
	}
	#list .box01:nth-child(even){
		float:right;
	}

  #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;
	height: 80px;
	margin-top: 14px;
	padding-right: 15px;
	padding-bottom: 5px;
	/* padding-left: 15px; */
	height:  80px;
	}
   #list .box01 .pt04 {
   	border-bottom:solid 1px #ddd;
   	padding-bottom: 6px;
   	line-height: 1.4;
   	margin-bottom: 6px;
   	font-size: 15px;
   }
  #list .box01 .pt05 li {
  	margin-bottom: 5px;
  	float: left;
  	position: relative;
  	margin-right: 10px;
  	font-size: 12px;
  	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;
  	font-size: 15px;
    margin: 2px 0;
  	width: 11%;
  }
   .pnav li.current{
  	background-color: #FFE100;
  	padding: 7px 0;
  }
  .pnav li a{
  	display:block;
  	width: 100%;
  	position:  relative;
  	padding: 7px 0;
  }
  .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: 10%;
	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: 13%;
	margin-top: -4px;
}
.pnav li.prev a{
}

.pnav li.prev,.pnav li.next{
	width: 18%;
}
  #case #search2.inner.medium{
  	margin-bottom:0;
  	padding-bottom:80px;
  }
  .searchlist dt{
	background: url(/kodate2/common_re/img/icon/icon_circle01.png) left 6px no-repeat;
	background-size: 12px;
	padding-left: 18px;
	margin-bottom: 8px;
	line-height: 1.5;
	font-size: 16px;
	font-weight:bold;
	}
  .searchlist dd {
  	font-size:13px;
  	margin-bottom:20px;
  	margin-left:11px;
  }
  .searchlist dd li{
  	margin-bottom: 14px;
  } 
  .searchlist dd span.ttl{
   	font-weight: bold;
   	background: url(/kodate2/common_re/img/icon/icon_circle02.png) left 5px no-repeat;
   	padding-left: 8px;
   	display: block;
}
#list .icon_a{ 
		position:absolute;
		top: -12px;
		right: -8px;
    width: 45px;}
#list .icon_a img{
    width: 100%;
  }
}