/*　　　導入事例
----------------------------------------*/

#main {
	background-position: top center;
	padding: 25px 0 75px;
}

#main .mainWrap{
	margin-top: 5px;
	width: 100%;
}

#main .inner{
	padding:0;
}

#main .title3{
	font-size:69px;
}

#main .title2{
	font-size: 29px;
	line-height: 33px;
	margin-bottom: 15px;
}

#content {
	margin-top: 31px;
}

.case_box{
	box-shadow:0 3px 25px -8px rgba(0,0,0,.37);
}

.case_box:hover{
	box-shadow:rgba(45,45,45,.05) 0 2px 2px,rgba(49,49,49,.05) 0 4px 4px,rgba(42,42,42,.05) 0 8px 8px,rgba(32,32,32,.05) 0 1pc 1pc,rgba(49,49,49,.05) 0 2pc 2pc,rgba(35,35,35,.05) 0 4pc 4pc;transform:translate(0,-4px);
}

.case_box a ul li:last-child:hover,.case_box h2,a .case_box ul li:last-child{
	text-decoration:none!important;
}


.case_box{
	width:32%;float:left;margin-right:1%;padding:15px 20px;margin-top:20px;transition:all .3s;background-color:#fff;
}

.case_box h2{
	font-size:1pc;line-height:1.1;padding-top:25px;height:40px;color:#000;margin-bottom:10px;
}

.case_box h2:hover{
	color:#259959;
}

.case_box h3{
	text-align:center;border-bottom:0;background-color:#575a66;color:#fff;border-radius:20px;font-size:9pt;width:58%;font-weight:500;padding:7px 0;margin-left:10px;
}

a .case_box ul li:last-child{
	padding:15px 0 0 10px;color:#000;line-height:1.7;font-size:14px;min-height:75pt;font-weight:500;
}


.case_box p,.nomarl{
	margin:10px 0;
}

.case_box p{
	height:5pc;line-height:1.5;
}

.case_box p{
	height:55px;padding:10px 0 20px;
}

.areaIntro{
	margin-bottom:20px;
}

article.case{
	margin-bottom:30px;
}

article.case>p{
	text-align:center;
	font-size:36px;
	font-weight:bold;
}


/*　　　導入事例 - TOPタグ
----------------------------------------*/


.case_tag ul{
    display: inline-flex;
}


#content .case_tag ul li{
    color: #323232;
    padding: 6px;
    border: 1px solid;
    font-size: 11px;
    background-color: #f5f5f5;
    border-color: #dcdcdc;
    border-radius: 4px;
    margin-left: 5px;
    font-weight: bold;
    min-height: auto !important;
    line-height: normal !important;

}

/*　768px以下
----------------------------------------*/
@media screen and (max-width: 768px) { 

	.case_box{
		width:48%;
	}

}

/*　480px以下
----------------------------------------*/
@media screen and (max-width: 480px) {

	.case_box{
		width:98%;
	}

  
	.case_tag{
		margin-top:10px;
	}
}