@charset "utf-8";

/* ************************************************ 
*	入会案内
* ************************************************ */	
.page-inner .main-content .merit-box {
margin: 0 0 50px 0;
padding: 0;
}
.page-inner .main-content ol {
margin: 0 0 0 0;
padding: 0 0 0 0;
list-style: decimal;
}
.page-inner .main-content ol li{
font-size: min(1.6vw,16px);
border-bottom: dotted 1px #999;
padding: 10px 0;
margin: 0 0 10px 0;
list-style-position: inside;
}
.page-inner .dl-box{
width: 100%;
padding: 0;
margin: 50px 0 0 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
align-content: center;
}
.pdflink,
.xlslink {
font-size: min(2.4vw,24px);
margin: 0;
padding: 0;
text-align:center;
background-color:#333;
border: 1px solid #333;
width: 45%;
border-radius: 50vh; /* CSS3 */
 -webkit-border-radius: 50vh; /* Firefox */
 -moz-border-radius: 50vh; /* Safari,Chrome */
}
.pdflink a,
.xlslink a{
color: #fff;
display: block;
padding: 11px 0 10px 0;
line-height: 200%;
text-decoration: none;
}
.pdflink a:hover,
.xlslink a:hover{
color: #333;
background-color:#ffcd4c;
border-radius: 50vh; /* CSS3 */
 -webkit-border-radius: 50vh; /* Firefox */
 -moz-border-radius: 50vh; /* Safari,Chrome */
}

.pdflink a::before,
.xlslink a::before{
position:relative;
top: 7px;
left: -7px;
content:"";
display:inline-block;
width:35px;
height:35px;
background-size:contain;
}
.pdflink a::before{ background:url("../images/icon_pdf.svg") no-repeat; }
.xlslink a::before{ background:url("../images/icon_xls.svg") no-repeat; }
.pdflink a:hover::before{ background:url("../images/icon_pdf_bk.svg") no-repeat; }
.xlslink a:hover::before{ background:url("../images/icon_xls_bk.svg") no-repeat; }


/* ************************************************ 
*   レスポンシブ
* ************************************************ */
/* PC 画面の横幅が960px以上 */
@media only screen and (min-width: 960px){
}

/* Tablet (Portrait) 画面の横幅が768px〜959pxまで */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.pdflink a::before,
.xlslink a::before{
top: 5px;
left: -7px;
width:25px;
height:25px;
}
}

/* Mobile (Portrait) 画面の横幅が767pxまで */
@media only screen and (max-width: 767px) {
.page-inner .main-content ol li{
font-size: 4.5vw;
padding: 10px 0;
margin: 0 0 10px 0;
}
.pdflink,
.xlslink {
font-size: 5.5vw;
margin: 0 0 20px 0;
width: 100%;
}
.pdflink a::before,
.xlslink a::before{
top: 7px;
left: -7px;
width:30px;
height:30px;
}
}