/* CSS Document */
.link-cmn-05.link-pamphlet {
margin-top: 40px;
}
.pamph-list{
letter-spacing: -0.5em;
}
.pamph-list .item{
width : -webkit-calc((100% - 45px) / 4);
width: calc((100% - 45px) / 4);
display:inline-block;
letter-spacing:normal;
background-color:#f2f2e7;
margin:0 15px 20px 0;
vertical-align:top;
position:relative;
padding-bottom:90px;
}
.pamph-list .item a{
color:#212121;
text-decoration:none;
}
.pamph-list .item:nth-child(4n){
margin-right:0;
}
.pamph-list .item figure{
background-color:#d6d5bf;
text-align:center;
padding:20px;
}
.pamph-list .item .text-wrap{
padding:15px calc((100% - 90%) / 2);
}
.pamph-list .item .text-wrap .title{
font-weight:bold;
}
.pamph-list .item .text-wrap dl{
display:table;
position:absolute;
bottom:65px;
left:calc((100% - 90%) / 2);
width:90%;
font-size:86.7%;
}
.pamph-list .item .text-wrap dl dt,
.pamph-list .item .text-wrap dl dd{
display:table-cell;
}
.pamph-list .item .text-wrap dl dt{
width:25%;
background-color:#777777;
text-align:center;
color:#FFF;
padding:1px 3px;
}
.pamph-list .item .text-wrap dl dd{
padding:1px 10px;
background-color:#FFF;
}
.pamph-list .item .text-wrap .button{
position:absolute;
bottom:15px;
left:calc((100% - 90%) / 2);
width:90%;
border: 1px solid #bdbdbd;
background-image: url(/common/img/ico/ico_button_arrow_03.svg) ;
background-repeat:no-repeat;
background-position:calc(100% - 10px) center ;
background-color:#FFF;
background-size: 8px 12px;
border-radius:3px;
text-align:center;
padding:5px 15px;
}
.pamph-list .item .text-wrap .button:hover{
background-color:#F8E9E0;
}

@media screen and (max-width: 767px) {
.link-cmn-05.link-pamphlet {
margin-top: 20px;
}
.pamph-list .item{
width :100%;
display:block;
margin-right:0;
}
.pamph-list .item:nth-child(4n){
margin-right:0;
}
.pamph-list .item .text-wrap dl{
font-size:100%;
}
.pamph-list .item .text-wrap dl dt{
padding:3px 3px;
}
.pamph-list .item .text-wrap dl dd{
padding:3px 10px;
}
.pamph-list .item .text-wrap .button{
padding:10px 15px;
}
}