@charset "utf-8";
/* CSS Document */

/*--------------------------------------
　Main Index
---------------------------------------*/


@media screen and (max-width: 599px) {

/*------------
Index--599px
------------*/


#visArea{
position: relative;
}
#visArea li .sttl{
display: table;
width: 100%;
height: 190px;
background: url(/wp/wp-content/uploads/test_idx_vis_sp.png) 0 50% no-repeat;
background-size: 100% auto;
}
#visArea li .sttl span{
display: table-cell;
box-sizing: border-box;
width: 100%;
padding: 20px 40% 0 15px;
line-height: 1.5;
font-size:21px;
font-size:2.1rem;
color: #fff;
font-weight: 700;
}
#visArea li p{
padding: 16px 15px 0;
}




}




@media screen and (min-width:600px) {
/*------------
600px--index
------------*/

#visArea .areaInner{
background: url(/wp/wp-content/uploads/test_idx_vis.png) 0 0 no-repeat;
width: 1200px;
height: 470px;
margin: 30px auto 36px;
}



#visArea ul{
padding: 110px 0 0 84px;
}
#visArea li{
width: 460px;
padding: 22px 20px 28px;
background: rgba(255,255,255,0.80);
}
#visArea li .sttl{
margin: 0 0 18px;
padding: 0 20px 16px;
border-bottom: 1px solid #827e7a;
font-size:22px;
font-size:2.2rem;
line-height: 1.5;
letter-spacing: 0.1em;
}
#visArea li p{
padding: 0 20px;
}






}