.add_name{
    margin-top:20px;
}
.add_ti_h4_01{
    font-size: 20px;
    font-weight: normal;
    color: #0060ba;
    background: #e0f2ff;
    border-top: 2px solid #0060ba;
    padding: 5px 10px 5px 15px;
    margin-bottom: 20px;
}
.add_sub{
    padding-bottom:40px;
}
.add_name2{
    border-top: 2px solid #0060ba;  
    padding-top:5%;      
}
.add_box{
	background: url(../../common/img/sub_base/pc/bg_text_box.jpg);
	padding: 35px 35px 30px 39px;
}
.add_box ul{
	overflow: hidden;
}
.add_box ul li{
	width: 115px;
    float: left;
    padding-right: 6px;
    margin-bottom: 6px;
}
.add_img_case{
	display:block;
	position: relative;
	overflow:hidden;
}
.add_text_list li a:link{
	color:#3f002f;
}
.add_text_list li a:visited{
	color:#3f002f;
	text-decoration:none;
}
.add_text_list li a:hover{
	color:#3f002f;
	text-decoration:none;
}
.img_case:after {
    content: '';
    width: 0%;
    height: 0%;
    position: absolute;
    color: #ffffff !important;
    text-align: center;
    vertical-align: middle;
    left: 0;
    bottom: 0;
    background-image: url(../../common/img/sub_base/pc/ic_details.png);
    background-repeat: no-repeat;
    background-position: center center;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}
.add_img_case:before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    color: #ffffff !important;
    text-align: center;
    vertical-align: middle;
    left: -100%;
    bottom: -100%;
    background-color: rgba(255, 255, 255, .75);
    background-repeat: no-repeat;
    background-position: center center;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
}
.add_img_case:after {
    content: '';
    width: 0%;
    height: 0%;
    position: absolute;
    color: #ffffff !important;
    text-align: center;
    vertical-align: middle;
    left: 0;
    bottom: 0;
    background-image: url(../../common/img/sub_base/pc/ic_details.png);
    background-repeat: no-repeat;
    background-position: center center;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}
.add_thumb_list li a:hover .add_img_case:before {
    bottom: 0;
    left: 0;
}
.add_thumb_list li a:hover .add_img_case:after {
    width: 100%;
    height: 100%;
}
.add_img_text{
	margin-top: 3%;
}
.l_last{
	margin-right: 0 !important;
}

@media only screen and (max-width: 768px){
.add_sub{
    width: 94%;
    overflow: hidden;
    padding: 0 3% 5%;
}
.add_box{
    padding:4%;
}
.add_text_list{
    width: 100%;
    overflow: hidden;
}
.add_box ul li{
    width: 23%;
    padding-right: 2%;
}
.add_img_txt{
    font-size: 90%;
}